将 TinyMCE 与 Ionic 结合使用

Question

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

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

有什么方法可以从我的其他文件中调用它？

谢谢！

<!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>

Answer 1

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

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

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

将 TinyMCE 与 Ionic 结合使用

Using TinyMCE with Ionic

html

javascript

textarea

tinymce

ionic-framework