Question

我正在使用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的基本实现，我在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编辑器组件中实现微型库吗？

谢谢：）

Answer 1

您可以将Java脚本库用于html编辑器，例如https://quilljs.com/。您可以通过组件的“ render”事件引入外部Java脚本组件。

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

1 个答案: