如何删除CKEditor的textarea并仅使用其工具栏?

时间:2016-09-29 16:54:12

标签: jquery html ckeditor

我想为我的Web应用程序实现CKEditor。我不需要在每个textarea上,我只需要在导航面板上有一个CKEditor工具栏。所以我需要从CKEditor中删除默认的textarea,我所说的是我怎么才能使用CKEditor的工具栏?

参见图片我有2个textarea控件,两个都有相同的工具栏,既不是看起来不好也不是很好的实现方式。 所以我希望在页面顶部有一个工具栏用于我的两个textarea控件。

这是我的HTML代码:

<body>
<form method="post">
    <p>
        My Editor:<br />
        <textarea id="editor1" name="editor1"></textarea>
        <textarea id="editor1" name="editor2"></textarea>
        <script type="text/javascript">

        CKEDITOR.replace('editor1', { height: 100 });
        CKEDITOR.replace('editor2', { height: 200 });
        </script>
    </p>
    <p>
        <input type="submit" />
    </p>
</form>
</body>

在图像中,我显示了我想要的圆圈区域。

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:2)

很可能您正在寻找共享空间插件,请参阅此处的示例:http://sdk.ckeditor.com/samples/sharedspace.html

  

可选的Shared Space插件可以在多个CKEditor实例之间共享相同的编辑器工具栏和底栏。