如何添加浏览器服务器以在CKEditor中

时间:2017-08-28 10:29:11

标签: javascript html json ckeditor ckeditor4.x

我在网络上使用CKEditor,我已经整合了CKeditor并希望将我的图像从PC上传到服务器 我引用此链接:

http://devture.com/projects/ckeditor-imagebrowser/demo/

这是我的代码:

<div class="container">
<!-- <h2><label for="editor1">Developer Site Editor</label></h2> -->
    <textarea name="ir1" id="ir1" rows="1" cols="10" style="width:580px; height:600px; min-width:400px; min-height:50px; display:none;"> </textarea>
</div>

<script>
    CKEDITOR.replace( 'ir1', {
    // Define the toolbar: http://docs.ckeditor.com/#!/guide/dev_toolbar
    // The standard preset from CDN which we used as a base provides more features than we need.
    // Also by default it comes with a 2-line toolbar. Here we put all buttons in a single row.
    toolbar: [
    { name: 'document', items: [ 'Source' ] },
    { name: 'basicstyles', items: [ 'Bold', 'Italic' ] },
    { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] },
    { name: 'links', items: [ 'Link', 'Unlink' ] },
    { name: 'insert', items: [ 'CodeSnippet', 'Image', 'Mathjax', 'EmbedSemantic', 'Table' ] },
    { name: 'tools', items: [ 'Maximize' ] },
    { name: 'styles', items: [ 'Format', 'Styles' ] }
],          

...
</script>

当我运行和图标图像显示但它不包括浏览器服务器&#39;按钮

如何添加&#39;浏览器服务器&#39; CKEditor中的按钮?非常感谢!!

1 个答案:

答案 0 :(得分:1)

请参阅此link以及该部分的其他链接。

基本上,您应该至少将这两个设置设置为:filebrowserBrowseUrlfilebrowserUploadUrl高级文件管理器,例如: CKFinder或一些自定义代码,可以为您处理上传和文件浏览。

另请注意,File Browser插件是必需的(默认情况下,它在标准包和完整包中可用)。