2016-10-03 76 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

相關問題