все.
Мне сложно понять это, это второй раз, когда мне нужно что-то сделать с tinyMCE, но на этот раз я просто не могу найти ответ.
Вот что я хочу сделать: я добавил в свой редактор кнопку, которая открывает новое всплывающее окно с одним текстовым полем ввода и кнопкой. Я хочу нажать кнопку и захватить значение, которое я установил в своем поле ввода, а затем использовать это значение, чтобы изменить то, что у меня есть в моем редакторе.
Вот что я до сих пор - только соответствующий код:
init : function( ed, url ) {
ed.addCommand( 'mceTooltip', function() {
ed.windowManager.open({
file: 'imageurl.html',
width: 480,
height: 180,
inline: 1,
title: 'Please enter an image URL'
}, {});
});
}
Вот что имеет изображение imageurl.html:
<input type="text" id="image-url" />
<input type="button" id="submit-image-url" value="Ok" />
Итак, что мне нужно сделать, это получить любой текстовый ввод "image-url", когда я нажимаю кнопку "ОК" и использую этот текст внутри моего редактора. Я знаю, что могу использовать ed.selection.setContent(fieldValue), и он заменит мой выделенный текст значением url-изображения, я просто не знаю, как получить значение url-изображения.
Самая подробная информация, которую я смог найти, была http://www.tinymce.com/wiki.php/How-to_implement_a_custom_file_browser, но я не могу заставить ее работать для моих нужд. Кто-нибудь может помочь мне с этим? Я уверен, что это должно быть просто для кого-то, у кого больше опыта в этом.
Спасибо всем за внимание.
Обновлен imageurl.html **
<script>
document.getElementById( 'submit-image-url' ).onclick = function(){
var imageUrl = document.getElementById( 'image-url' ).value;
window.parent.tinyMCE.activeEditor.execCommand( 'mceInsertContent', 0, imageUrl );
window.parent.tinyMCEPopup.close(); // this line gets me this error: "Uncaught TypeError: Cannot read property 'windowManager' of undefined "
};
</script>