Javascript t制表符上的符号按make:同一行中的符号

我正在使用编辑器，我想要的是当用户按下tab按钮之前：符号它应该是字符串对齐。请查看屏幕截图以供参考。

---

您可以按Tab键并添加4个空格。检查小提琴以获得一个工作示例

tinymce.init({
选择器：“#mytextarea”，
初始化实例回调：函数（编辑器）{
编辑器.on（'keydown'，函数（e）{
如果（e.keyCode==9）{
e、 预防默认值（）；
tinymce.activeEditor.execCommand（'mceInsertContent'，false，“”）；
}
});
}
});

我不太明白你想要什么。你能解释一下你的问题吗？当用户按下单个选项卡或shift选项卡时，您想做什么？这是关于缩进的吗？@christolytras，当用户按single Tab键时，您能为您的工作实例创建一个基本的工作示例吗？前面的确切含义是什么：符号它应该是字符串对齐？这是关于空间的吗？你想在

Foo 1:Bar1

之间有空格吗？制表符停止在html中并不是真的完成的，所以像这样的东西需要一些蛮力，比如使用css的float和width属性，正如在Fez Cranker Response中看到的，当我按下tab键时，它会工作，但仍然，缩进不是一条直线。问题是你们将如何实现它的逻辑。您可以通过拆分每一行（\n）和：，然后为每一行和以下第一个字符标识当前的索引：，并实现添加空格的逻辑，来获取文本内容并进行相关更改。是吗achievable@c.grey它可能是有适当逻辑的。假设每个节点（p）都有一个键值排序模板。您可以捕获当前指针的节点，然后获取：的索引，然后在将其除以4后获取余数。如果剩余为0，则添加4个空格；如果不添加，则添加剩余的空格数。这样，您可以对齐每个选项卡。但是点击标签对齐的次数可能会有所不同

tinyMCE.init({
    selector: 'textarea',
    indentation : '60pt',
    plugins: 'textcolor print preview importcss searchreplace autolink autosave save directionality visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists wordcount imagetools textpattern noneditable',
    paste_as_text:true,
    //menubar: false,
    toolbar: 'bold italic underline strikethrough superscript subscript | fontselect fontsizeselect | alignleft aligncenter alignright alignjustify | outdent indent |  numlist bullist checklist | forecolor backcolor',
    nonbreaking_force_tab: true

});