Как реализовать htmleditor в проекте extjs с использованием современного инструментария и версии 6.5.2 - PullRequest
0 голосов
/ 21 сентября 2018

Я занимаюсь разработкой проекта extjs с использованием версии 6.5.2 и современного кода, мне нужно использовать редактор 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>

Последний код представляет базовую реализацию для использования крошечного, я добавил ресурсы сценария en app.json и контейнер с атрибутом html, представляющим необходимую область текста, но он не отображал компонент.

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, который я могу использовать в современном инструментарии?

Спасибо :))

1 Ответ

0 голосов
/ 22 сентября 2018

Вы можете использовать библиотеки java-скриптов для html-редактора, что-то вроде https://quilljs.com/. Вы добавляете внешние компоненты java-скриптов из события "render" компонента.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...