angularjs reinit tinyMCE textarea content_css选项

Question

我对angularjs中的tinyMCE插件有疑问。 我有一个textarea

<textarea ui-tinymce="tinymceOptions" ng-model="tinymceModel"></textarea>

单击带有其他值的按钮后，应该刷新选项content_css。我知道你不能真正刷新选项，只是杀死并重新启动但是当我尝试tinyMCE.remove();它完全删除我的textarea然后当我使用tinyMCE.init();时我无法重新启动它，或者我太困惑了？

任何帮助的Thx：）

快速小提琴 - 抽样我的意思：https://jsfiddle.net/QuadroKnoX/k6tacgwn/

Answer 1

您需要将配置对象（包含所有tinymce配置参数的对象）传递给init函数。最重要的是一个选择器，否则tinymce不知道用于创建编辑器的html元素。

示例：

tinymce.init({
  selector: 'textarea',
  height: 500,
  plugins: [
    'advlist autolink lists link image charmap print preview anchor',
    'searchreplace visualblocks code fullscreen',
    'insertdatetime media table contextmenu paste code'
  ],
  toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image'
});

Answer 2

好的，我找到了一个解决方案，仅针对需要这些信息的其他人： 我使用了$scope.$broadcast('$tinymce:refresh')，出于其他目的，你也可以使用$scope.$emit('$tinymce:refresh')并将＆＃34; new＆＃34;在它面前的选项。