javascript - angular-ui-tinymce 指令和通过文件浏览器上传图像

Question

使用jquery，我们可以将本地镜像添加到tinymce编辑器，例如this jsfiddle继 documentation 。

Angular tinymce模块是angular-ui-tinymce 。但添加本地文件不适用于该模块。

我的代码如下。如果它有效，当我单击插入/编辑图像时，应该有一个像这样的文件浏览按钮。

但是没有出现。除此之外一切正常。可能是该模块不支持该功能。有谁知道如何使用此模块添加本地镜像？

在模板中:

<textarea
    ui-tinymce="{{tinymceOptions}}"
    ng-model="tinymceValue">
</textarea>

在 Controller 中:

 $scope.tinymceOptions: {
      selector: "textarea",
      plugins: 'image',
      file_browser_callback: function(){},
      paste_as_text: true
}

Answer 1

我在我的一个应用程序中使用该指令，并且可以通过使用选项中的 file_browser_callback 函数来显示该按钮。

JavaScript 控制台中是否出现任何错误？也许您可以制作一个简单的 CodePen 或 JS Fiddle，以便人们可以看到您的代码？

编辑:这是一个 CodePen，可以执行您想要的操作...它确实可以显示该按钮。 file_browser_callback 函数只是将一些内容记录到浏览器的控制台，但这表明您在使用该 Angular 指令时确实可以拥有该按钮。

http://codepen.io/michaelfromin/pen/BKOGZG