javascript - Ckeditor工具栏按钮,你如何获得一个按钮来包装标题标签

标签 javascript ckeditor richtextbox fckeditor html-heading

我想知道是否有人知道是否有一个工具栏配置名称可以添加到 ckeditor 中,它为您提供了将内容包装在标题标签中的按钮?

就像粗体按钮一样,突出显示单词并单击“h1”或“h2”?

我查看了文档,但似乎找不到所有可能的工具栏按钮的完整列表。

最佳答案

我认为以下内容会起作用(希望我没有漏掉任何一行):

var editor = CKEDITOR.instances.editor1;
var selection = editor.getSelection();
var iterator = range.createIterator(),block;
var paragraphs = [];
while ( ( block = iterator.getNextParagraph() ) )
    paragraphs.push( block );

var bqBlock = editor.document.createElement( 'div');
bqBlock.setAttribute('style','background-color:#BBBBFF');
bqBlock.setAttribute('id','my_new_div_tag');
bqBlock.insertBefore( paragraphs[0] );
while ( paragraphs.length > 0 )
{
    block = paragraphs.shift();
    bqBlock.append( block );
}

我意识到这可能不再是您的问题,但可能对其他人有帮助 - 或者如果有人可以提出更简化的解决方案,我们将不胜感激。

关于javascript - Ckeditor工具栏按钮,你如何获得一个按钮来包装标题标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3566974/

相关文章:

c# - 在 WPF 中显示 RichTextBox 中的行号

c# - richtextbox selectioncolor 和 selectionbackcolor 属性

javascript - 如果访问者来自某个国家/地区,是否可以运行代码

javascript - 如何使用 jQuery/Javascript 在鼠标悬停时为 div 带来投影效果

javascript - 有没有办法在 CKEditor 中插入图像后运行 JavaScript 片段?

ckeditor - 未捕获 [CKEDITOR.editor] 实例 "html"已经存在

javascript - 使用两个文本区域(一个输入和一个输出)和 JavaScript 制作字母表

javascript - 使用 jquery 根据 id 更改 div 顺序

javascript - 通过ckeditor添加的表不保留style属性

c# - RichTextBox 颜色选中的行