Insufficient instructions for textEditor

[arnieAustin]

I've read over the QuillJS docs but they are almost as terse as that in the PF doc.

I need to HIDE the toolbar completely on a page where the editor is used to display HTML text in read-only form.

I have tried this:

Code: Select all

<f:facet name="toolbar">
	<span class="ql-formats" />
</f:facet>

but all it does is remove the toolbar items; a small amount of white space remains.

Some help would be appreciated.

[arnieAustin]

Quill only has TWO themes: bubble and snow. Bubble is actually what I need in a few places where HTML-based help text is to be shown in a read-only expandable panel. Yet PF has no theme= parameter for p:textEditor.

If using Snow, the Quill web site/demo page disables the toolbar altogether, via:

Code: Select all

modules: {
    toolbar: null;
  }

This will allow the editor to appear without a toolbar. How do I do this via PF?

[Melloware]

Ummm it looks like on the p:textEditor there is a toolbarVisible property. Have you tried...

Code: Select all

<p:textEditor toolbarVisible="false" .. />

[arnieAustin]

I have:

Code: Select all

		<p:textEditor id="#{cc.attrs.idPrefix}Id" widgetVar="#{cc.attrs.idPrefix}Widget"
			value="#{helpPanelUtility.pageContent}" readonly="true"
			toolbarVisible="false" />

No effect, still appears.

[Melloware]

You are using PF 6.1 that was added in PF6.2 . Please upgrade to 6.2 and try again.

https://github.com/primefaces/primefaces/issues/2499

[arnieAustin]

Ah, done. Works, woohoo!

[Melloware]

Woo hoo!

Glad I could help.

[rafael.bomfim]

Good Morning!

I still dont understand how I apply the buble or snow theme.

You can put an example here.

[Mechanic]

Good Morning!

I still dont understand how I apply the buble or snow theme.

You can put an example here.

Yes, I also have difficulties with this. I can not figure out what's what .. If you can add an example. What would I see how it's done
Thank you

[rafael.bomfim]

I put it that way.

Code: Select all

			<p:textEditor value="#{mensagemMB.edicao.mensagem}" id="editorResponder"
					height="200" style="margin-bottom:10px">
					<f:facet name="toolbar">
			             <span class="ql-formats">
			                <button class="ql-bold"></button>
			                <button class="ql-italic"></button>
			                <button class="ql-underline"></button>
			                <button class="ql-strike"></button>
			            </span>
			            <span class="ql-formats">
			                <select class="ql-font"></select>
			                <select class="ql-size"></select>
			            </span>
			            <span class="ql-formats">
				            <select class="ql-color" />
				            <select class="ql-background" />
				        </span>
				        <span class="ql-formats">
				            <button class="ql-script" value="sub" />
				            <button class="ql-script" value="super" />
				        </span>
			        </f:facet>
			</p:textEditor>

I just do not know how to change the theme now.