2016-10-03 82 views
0

我想将按钮放置在textarea中,如下所示: 当用户在textarea中标记文本时,一个包含两个或三个按钮的小工具栏应该出现在该文本上方,无人盯防。在ckeditor中使用textarea内的按钮

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

+0

你有任何代码,你尝试到目前为止,因为你的问题我不明白 – SMW

回答

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)); 

并请r记住我也没有正确理解你的问题。 检查这个链接http://jsfiddle.net/5kq4yecz/5/ 祝你好运!

+0

我实际上是寻找一个按钮(或几个按钮),只出现在文本区域的文本片段上方,如果我点击该文本只有当它被标记时。 – jgpt

+0

你有没有检查我的代码?它提供了从textfield中选择的值作为警报消息:)你可以使用该值来按钮文本,并且请标记我的答案为有用的,如果你有任何想法或帮助,如果不是对不起亲爱的亲爱的;( – SMW

+0

是的,但这不是我寻找的原因,在你的例子中,按钮有一个固定的位置,并且始终可见,我需要的是一个动态显示在文本某一部分上的按钮,当我标记文字,当我取消标记时消失 – jgpt

相关问题