从textarea复制CKEditor中的内容

Posted 2021-04-11

我在phpbb论坛上使用CKEditor。

 <textarea id="message" rows="15" cols="76"></textarea>

自定义mod允许我存储引号并将此引号添加到textarea中。当我添加引号时，引号位于textarea内部，但textarea变为“visibility：hidden; display：none;”通过CKEditor。

我需要一个jquery代码，它将textarea中的每个内容自动同步到CKEditor的主体中。我知道将引号直接添加到CKEditor的主体中会更容易，但对我来说这很复杂。

使用此代码：

var writer = new CKEDITOR.htmlWriter();
CKEDITOR.htmlParser.fragment.fromBBCode( '[quote]This is a new 
paragraph[/quote]' ).writeHtml( writer );
CKEDITOR.instances.message.insertHtml( writer.getHtml() ); 

它可以添加内容到CKEditor的主体。任何想法如何将textarea中的内容同步到CKEditor的主体？

谢谢

答案

据我所知，你无法自己处理由提到的mod存储的引用内容？在这种情况下，您可能希望从jQuery中看到.change()事件。我也避免将内容存储在CKEditor使用的textarea中。它可能看起来像：

$( '.target' ).change( function() {
  var writer = new CKEDITOR.htmlWriter();
  CKEDITOR.htmlParser.fragment
    .fromBBCode( '[quote]This is a new paragraph[/quote]' )
    .writeHtml( writer );
  CKEDITOR.instances.message.setData( writer.getHtml() ); 
} );