使用ckeditor中textarea内的按钮

时间:2016-10-03 13:03:44

标签: html ckeditor

我想将按钮放在textarea中,如下所示: 当用户在文本区域中标记文本时,应在该文本上方显示一个由两个或三个按钮组成的小工具栏,一旦取消标记,该工具栏就会消失。

我的问题是a)是否可以在ckeditor中完成b)如果来自ckeditor自己工具栏的按钮可以在这样的工具栏中使用,或者我是否必须创建自定义按钮。

1 个答案:

答案 0 :(得分:0)

HTML

<textarea rows="4" cols="50" id="test">
I love Programming
</textarea>
<button id="btn">alert selection</button>

的JavaScript

var test = document.getElementById('test');

document.getElementById('btn').addEventListener('click', function() {
   alert(test.value.substring(test.selectionStart,
                                    test.selectionEnd));

}); 

希望这会对你有所帮助,你可以根据自己的要求进行修改:)如果不是对不起我, 您可以创建变量并指定此值或将此值用于按钮值

(test.value.substring(test.selectionStart,test.selectionEnd));

请记住我也不理解你的问题。 查看此链接http://jsfiddle.net/5kq4yecz/5/ 祝你好运!!!