如何让制表符空间在 CKEditor 中工作？答案

【问题标题】：How do I get tab spaces to work in CKEditor?如何让制表符空间在 CKEditor 中工作？
【发布时间】：2014-02-22 02:23:33
【问题描述】：

是否可以让 CKEditor 将选项卡识别为编辑器内的一项功能，尤其是在源代码模式下？现在，当我按 Tab 键时，光标会转到页面上的下一个字段。

我想让制表符正常工作，这样 CKEditor 就可以更像一个代码编辑器，我可以在其中使用制表符空格来格式化我的标记。

如果能在这方面得到任何帮助，我将不胜感激。

我正在使用 CKEEditor 4.0.1

或者，也许新版本的 CKEditor 支持此功能？

【问题讨论】：

也许这会有所帮助：get-simple.info/forums/showthread.php?tid=1347
谢谢 rvighne。那成功了！我在我的 config.js 文件中添加了 config.tabSpaces = 4;。像魅力一样工作。

标签： javascript jquery ckeditor

【解决方案1】：

此链接可能会有所帮助：http://get-simple.info/forums/showthread.php?tid=1347

基本上，只需添加

config.tabSpaces = 4; // or some other value

到config.js，每次点击Tab，你都会得到那个数量的空格。

【讨论】：

可行，但编辑器不允许“真实”标签。例如，当您在包含文本的不同行上点击相同数量的制表符时，两行未正确对齐（即使使用空格/退格）。
需要注意这个需要安装tab插件ckeditor.com/addon/tab

【解决方案2】：

如果您要保存到 config.js，代码是 config.tabSpaces = 4;。如果你在文件中设置配置，代码如下：

var editor = CKEDITOR.replace( 'editor1', {
    tabSpaces: 4
});

应该注意，正如 Kamil Sama 在 rvighne 回答中所评论的那样，这需要标签插件：tab plugin

【讨论】：

【解决方案3】：

<textarea name="text_note" id="text_note"> </textarea> 


 <!-- tabSpaces:4 add this in your script like as bellow code.-->

  <script type="text/javascript">
    CKEDITOR.replace('text_note',{tabSpaces:4});
 </script>

【讨论】：

【解决方案4】：

如果你使用内联元素，你可以这样使用

var editor2 = CKEDITOR.inline('你的 div id', { 选项卡空间：5， });

【讨论】：