使用 tinymce-rails 初始化 tinymce-rails-image-upload
Initializing tinymce-rails-image-upload using tinymce-rails
我正在尝试使用 tinymce-image-upload gem and the tinymce-rails gem 设置图片上传。我在 tinymce-image-upload 设置中的步骤之一遇到问题:
像往常一样设置 TinyMCE,但在调用 .tinymce() 时,添加
plugins: "uploadimage"
#toolbar option must include "uploadimage" somewhere to have the button appear
因为我使用的是 tinymce-rails 我有
<%= tinymce %>
在视图底部初始化tinymce。但是,我不确定如何添加:
plugins: "uploadimage"
在 demo 中添加到 javascript 中,如下所示:
<script type="text/javascript">
$("document:ready", function() {
$("[rel=tinymce]").tinymce({
theme: "modern",
toolbar: "bold,italic,underline,|,bullist,numlist,outdent,indent,|,undo,redo,|,pastetext,pasteword,selectall,|,uploadimage",
pagebreak_separator: "<p class='page-separator'> </p>",
plugins: ["uploadimage"],
relative_urls: false,
remove_script_host: false,
document_base_url: (!window.location.origin ? window.location.protocol + "//" + window.location.host : window.location.origin) + "/",
})
});
</script>
根据 tinymce-rails
文档,https://github.com/spohlenz/tinymce-rails/blob/master/README.md
配置插件的方式有两种:
1) 使用 yml 配置文件进行全局设置(适用于所有 tinymce
调用)
config/tinymce.yml
plugins:
- uploadimage
2) 在 tinymce
方法调用中将选项作为散列包含在内:
<%= tinymce plugins: ["uploadimage"] %>
我正在尝试使用 tinymce-image-upload gem and the tinymce-rails gem 设置图片上传。我在 tinymce-image-upload 设置中的步骤之一遇到问题:
像往常一样设置 TinyMCE,但在调用 .tinymce() 时,添加
plugins: "uploadimage"
#toolbar option must include "uploadimage" somewhere to have the button appear
因为我使用的是 tinymce-rails 我有
<%= tinymce %>
在视图底部初始化tinymce。但是,我不确定如何添加:
plugins: "uploadimage"
在 demo 中添加到 javascript 中,如下所示:
<script type="text/javascript">
$("document:ready", function() {
$("[rel=tinymce]").tinymce({
theme: "modern",
toolbar: "bold,italic,underline,|,bullist,numlist,outdent,indent,|,undo,redo,|,pastetext,pasteword,selectall,|,uploadimage",
pagebreak_separator: "<p class='page-separator'> </p>",
plugins: ["uploadimage"],
relative_urls: false,
remove_script_host: false,
document_base_url: (!window.location.origin ? window.location.protocol + "//" + window.location.host : window.location.origin) + "/",
})
});
</script>
根据 tinymce-rails
文档,https://github.com/spohlenz/tinymce-rails/blob/master/README.md
配置插件的方式有两种:
1) 使用 yml 配置文件进行全局设置(适用于所有 tinymce
调用)
config/tinymce.yml
plugins:
- uploadimage
2) 在 tinymce
方法调用中将选项作为散列包含在内:
<%= tinymce plugins: ["uploadimage"] %>