使用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
}
最佳答案
我在我的一个应用程序中使用该指令,并且可以通过使用选项中的 file_browser_callback
函数来显示该按钮。
JavaScript 控制台中是否出现任何错误?也许您可以制作一个简单的 CodePen 或 JS Fiddle,以便人们可以看到您的代码?
编辑:这是一个 CodePen,可以执行您想要的操作...它确实可以显示该按钮。 file_browser_callback
函数只是将一些内容记录到浏览器的控制台,但这表明您在使用该 Angular 指令时确实可以拥有该按钮。
关于javascript - angular-ui-tinymce 指令和通过文件浏览器上传图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36871406/