ckeditor が使用されているテキストエリアのコンテンツにアクセスして操作したいと考えています。エディターの使用を開始する前の元のコードは次のとおりです。
(function ($) {
"use strict";
$(document).ready(function () {
for(var i=0; i<=10; i++) {
$('#edit-button'+i).click(function(){
var tag = $(this).attr("value");
var id ="edit-body-und-0-value"; /* id of textarea */
var element = document.getElementById(id);
var start = element.selectionStart;
var end = element.selectionEnd;
var text = element.value;
var prefix = text.substring(0, start);
var selected = text.substring(start, end);
var suffix = text.substring(end);
selected = "["+tag+"]" + selected + "[/"+tag+"]";
element.value = prefix + selected + suffix;
element.selectionStart = start;
element.selectionEnd = start + selected.length;
return false;
});
}
});
})(jQuery);
エディターが有効になると、これは機能しなくなります。
私は、「要素」オブジェクトである ckeditor オブジェクトとは別のオブジェクトを使用する必要があると推測しています。 editor.html
しかし、どうすれば ckeditor オブジェクトを取得できますか?
ckeditor は drupal に追加されているため、私はそれについてほとんど知りません。アクセス方法や、何をすべきかを知るためにどの情報を探すべきかについては非常に確信が持てません。
このページ: http://ckeditor.com/blog/CKEditor_for_jQuery
$( 'textarea.editor' ).ckeditor();
オブジェクト(?)の作成に使用されます。しかし、見つける必要がある ckeditor インスタンスが既にあります。特定のテキストエリアのエディターを選択する方法はありますか?