将 TinyMCE 与 Ionic 一起使用答案

【问题标题】：Using TinyMCE with Ionic将 TinyMCE 与 Ionic 一起使用
【发布时间】：2016-01-27 16:53:33
【问题描述】：

我目前正在尝试将 tinymce 与 Ionic 一起使用，但遇到了一个奇怪的问题。下面显示的是我的 index.html 页面。如果我以这种方式使用它，那么它可以完美地工作，并且我会得到一个 tinymce textarea 框来使用。

但是，如果我尝试在我的任何其他 html 文件中调用它，那么它不会改变 <textarea> 标记的外观/功能。

有没有办法从我的其他文件中调用它？

谢谢！

<!DOCTYPE html>
<html>

<head>
  <script src="tinymce/tinymce.min.js"></script>
  <script>
    tinymce.init({
      selector: 'textarea'
    });
  </script>

</head>

<body ng-app="myApp">

  <textarea>Easy (and free!) You should check out our premium features.</textarea>

  <ion-nav-view></ion-nav-view>
</body>

</html>

【问题讨论】：

这里的“其他 html”文件是什么意思？你能在那里显示代码吗？

标签： javascript html ionic-framework tinymce textarea

【解决方案1】：

Ionic 使用 angularjs，通过“调用”我假设您的意思是在脚本文件的头部初始化插件。这将在加载时在您的索引页面上起作用。我怀疑它在您的“其他 html”文件中不起作用的原因是因为 html 在插件初始化之前在页面上呈现（如果确实如此）。

简单的解决方案是为此插件创建一个自定义指令。如果由于某种原因您无法做到这一点，那么您可以在 github 上查看 this 包。不过我之前没用过。

如果您担心即使在不需要插件的页面上也会加载插件，那么您可以使用LazyLoad。

【讨论】：

这行得通。我通过该页面的控制器注入了它。谢谢！
你能发布你的实际解决方案吗？ I.E 在代码中放置它的位置。