2016-10-03 2 views
0

Я хочу разместить кнопки внутри текстового поля следующим образом: Когда пользователь отмечает текст в текстовом поле, над этим текстом должна появиться небольшая панель инструментов из двух или трех кнопок и должна исчезнуть после того, как она будет без опознавательных знаков.Использование кнопок внутри текстового поля в ckeditor

Мой вопрос будет заключаться в том, возможно ли вообще) в 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 emember также, я не понял ваш вопрос правильно. Проверьте эту ссылку http://jsfiddle.net/5kq4yecz/5/ Удачи !!!

+0

Я действительно ищу кнопку (или несколько кнопок), которая появляется только над текстовым фрагментом в текстовой области, если я нажму на этот текст и только тогда, когда он отмечен. – jgpt

+0

Вы проверили мой код? Он предоставляет выбранное значение из текстового поля в качестве предупреждающего сообщения :) вы можете использовать это значение для текста кнопки, и, пожалуйста, отметьте мой ответ как полезный, если вы получите какую-либо идею или помощь от него, если не извините, дорогая ; ( – SMW

+0

Да, но это не то, что я ищу. В вашем примере кнопка имеет фиксированное местоположение и всегда видна. Мне нужна кнопка, которая динамически отображается над определенной частью текста, когда я отмечаю, что текст и исчезает, когда я его отменяю. – jgpt

Смежные вопросы