如何使用现代工具包和 6.5.2 版本在 extjs 项目中实现 htmleditor答案

【问题标题】：How to implement htmleditor in extjs project using modern toolkit and 6.5.2 version如何使用现代工具包和 6.5.2 版本在 extjs 项目中实现 htmleditor
【发布时间】：2019-02-26 06:06:12
【问题描述】：

我正在使用 6.5.2 版本和现代 takeit 开发一个 extjs 项目，我需要使用 html 编辑器来改进我的项目所需的功能，我正在阅读有关 htmleditor 组件但只有经典工具包包含它。

https://www.sencha.com/forum/showthread.php?243418

所以我正在寻找一个可以让我使用类似组件的库，我找到了https://www.tiny.cloud/，所以我试图实现它，但没有成功。

<!DOCTYPE html>
<html>
<head>
  <script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
  <script>tinymce.init({ selector:'textarea' });</script>
</head>
<body>
  <textarea>Next, use our Get Started docs to setup Tiny!</textarea>
</body>
</html>

最后的代码代表了使用 tiny 的基本实现，我添加了脚本资源 en app.json 和一个带有 html 属性的容器，表示所需的 textarea 但它没有显示组件。

var filterPanel = Ext.create('Ext.panel.Panel', {
  bodyPadding: 5,  // Don't want content to crunch against the borders
  width: 300,
  title: 'Filters',
  items: [{
    xtype: 'container',
    html: '<textarea>Next, use our Get Started docs to setup Tiny! 
           </textarea>'
  }],
  renderTo: Ext.getBody()
});

有谁知道如何在 extjs 项目中实现微型库或我可以在现代工具包中使用的类似 HTML 编辑器组件？

谢谢:)

【问题讨论】：

标签： javascript extjs sencha-touch sencha-architect

【解决方案1】：

您可以将 java 脚本库用于 html 编辑器，例如 https://quilljs.com/。您从组件的“渲染”事件中引入外部 java 脚本组件。

【讨论】：