Question

我尝试将TinyMCE与Polymer集成，但由于Shadow DOM，它无法正常工作。

另外，我试图从下面的链接中按照这些说明进行操作，但仍然无法正常工作。

How do I wrap tinyMCE inside a polymer element?

Answer 1

你可以使用基于流行的quilljs WYSIWYG编辑器的聚合物纤维。

示例：

<style is="custom-style">
  polymer-quill.full {
    --polymer-quill-editor-max-height: 300px;
    --polymer-quill-editor-min-height: 100px;
  }
</style>
<h2>Full Toolbar, Show Results, Max Height (300px), Min Height (100px), Save as Deltas, Save every 1 second</h2>
<polymer-quill content='{"ops":[{"insert":"Hello World! - Store as Delta"},{"attributes":{"header":2},"insert":"\n"}]}'
  class='full'
  store-as="delta"
  save-interval="1000"
  toolbar-type="full"
  show-results>
</polymer-quill>
<h2>Standard Toolbar, Hide Results, Default height (100px), Save as HTML, Save every 2 seconds</h2>
<polymer-quill content="<h2>Hello World! - Store as HTML</h2>" store-as="html"></polymer-quill>

转到polymer-quill github获取更多信息

如何使用Polymer实现富文本编辑器？

1 个答案: