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

标签 javascript jquery angularjs tinymce tinymce-4

使用jquery,我们可以将本地镜像添加到tinymce编辑器,例如this jsfiddledocumentation

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

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

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

在模板中:

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

在 Controller 中:

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

最佳答案

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

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

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

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

关于javascript - angular-ui-tinymce 指令和通过文件浏览器上传图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36871406/

相关文章:

javascript - 在内联语句中调用 Javascript 函数

javascript - 如果存在 Cookie,则隐藏表行

angularjs - 在选择框之间来回移动时对列表框项目进行排序(使用 ng-options)

javascript - 在 $rootScope 中存储用户数据——好还是坏?

java - HTML 输入转义 - 正确的方法是什么?

javascript - 为什么 this.selectedIndex 在 IE7 上不能用于 <select> 标签?

javascript - 如何使用 forge-api for nodejs 获取包含更多错误消息详细信息的错误正文?

javascript - 将 ajaxified Webpart 插入现有 MOSS 站点

javascript - 使用字段从 json 字符串中获取值

javascript - 为什么要将空对象传递给 jQuery 的扩展方法?