Question

当我使用文本框而不是TinyMce文本区域时，我的代码工作正常。在我的代码中使用TinyMce后，在文本区域输入的数据不再进入我的模型。

<script>
        tinymce.init({
            selector: 'textarea',
            width: 900,
            height: 200,
            toolbar1: "undo redo | styleselect | bold italic underline superscript     subscript | cut copy paste ",
            statusbar: false,
            menubar: false,
            plugins: "spellchecker",
            font_formats: "Andale Mono=andale mono,times;" +
       "Arial=arial,helvetica,sans-serif;" +
       "Arial Black=arial black,avant garde;" +
       "Courier New=courier new,courier;" +
       "Georgia=georgia,palatino;" +
       "Helvetica=helvetica;" +
       "Symbol=symbol;" +
       "Tahoma=tahoma,arial,helvetica,sans-serif;" +
       "Times New Roman=times new roman,times;" +
       "Verdana=verdana,geneva;",
            fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt"
        });

    </script>

我的html文件是：

<textarea id="QuestionText" ng-model="send.questiontext"></textarea>
{{send}}

为什么不打印对象或为什么数据不再绑定到我的模型。？

Answer 1

你现在对角度的期望相当于写一些jquery来操纵DOM和角度。这种方法是针对角度的做事方式。

我建议你开始使用angular implementation of tinyMCE

还花一些时间阅读fantastic post about thinking in Angular

Answer 2

TinyMCE通过tinymce.activeeditor.[get|set]content()保持自己的缓冲区可访问。

可以在此处找到与ng-model快速绑定的指令：codepen : angular directive for tinyMCE ，代码与angular-ui-tinymce相同。快速打字机有时会发现微秒太慢。

其他解决方案是在角应用程序中集成富文本编辑器：

scribe + angular exemple（该演示显示了复制/粘贴和段落的问题）
quill with angular（coffe script exemple）

Tinymce textarea不与AngularJS合作

2 个答案: