在 p:textEditor 中添加或追加文本

Question

我有如下p:textEditor

<p:textEditor 
id="editor"
widgetVar="editor"
value="#{xxxController.editorText}" 
height="300" 
placeholder="Enter your content"
toolbarVisible="false"/>

使用以下命令按钮将值添加/追加到p:textEditor

<p:commandButton onclick="insertTag('[myValue]')" value="myValue" type="button" />
JavaScript
<script>

function insertTag( t )
{
PF( 'editor' ).insertText( t ) ;
}
</script>

但是当我尝试单击<p:commandButton时，我SCRIPT5007: Unable to get property 'insertText' of undefined or null reference.

那么我们如何使用 widgetVar 或 JavaScript 插入/附加文本来p:textEditor呢？

版本详细信息

JSF 2.2， 总理面孔 6.2

Answer 1

你需要这样做... 一旦你有了小部件，"编辑器"变量就是QuillJS对象。

PF('editor').editor.insertText(0, 'Hello', 'bold', true);

请参阅：https://quilljs.com/docs/api/#inserttext

请参阅：https://quilljs.com/docs/api/#getlength

Answer 2

请参阅 使用组件 ID 作为 widgetVar 名称

[...]这将导致所有原始小部件变量函数完全不可用，因为变量编辑器现在引用了一个 HTMLDivElement 实例，该实例与原始小部件变量(如 show(( 等(没有相同的函数。

(在每个 widgetvar 名称后附加一个_vw，以消除该问题(

SCRIPT5007：无法获取未定义或空引用的属性"insertText">

猜猜，这正是原因，你的代码引用的不是"editor"-widgetVar，而是"editor"html元素，它不知道"insertText"。