Добавление своего функционала в tinymce

[docent 0]

Доброго всем дня, подскажите плз , реально ли добавить свою функциональную кнопку в tinymce редактор.

Есть проблемка, при оформлении картинок нужно чтоб они обрамлялись моим кодом, к примеру:

есть путь к картинке [thumb]http://adressajta.com/kartinka.jpg[/thumb] так вот я хотел чтобы можно было выделить этот путь , потом нажать на иконку и в итоге чтоб получилось типа такого:

<table width="50%">

<tr>

<td>[thumb]http://adressajta.com/kartinka.jpg[/thumb]</td>

</tr>

</table>

И в самом редаторе понятно оно б отобразилось в виде табличка 50% ширины и в ней картинка.

Думал заменить готовый плагин , но покапался и ничего не понял с этой явой.

Был бы очень благодарен в решении моей проблемы, с меня пиво в виде wmz.

[Al-x 7]

Да, можно, см оф сайт и их документацию, я буквально два дня назад им занимался и прикручивал разные фичи. Кстати советую ещё модуль гзип попробовать (правда пришлось пхп файл править, чтоб выдавал хедеры в другом формате, а то оперу глючило)

[docent 0]

на инглише сложновато вычитывать доку, на русском сайте не нашел. Можт подкинешь плз ту часть доки, где это описывается или свой пример приведи, сёдня полдня гуглил , всё поверхностно и толком ничего

[Al-x 7]

Не скажу точно. Там снизу есть примеры

http://tinymce.moxiecode.com/examples/example_01.php

[docent 0]

наверное всё-таки вот это http://tinymce.moxiecode.com/examples/example_14.php

[docent 0]

понимаю что именно этот пример мне нужен, осталось тупо вставить код, но куда его вставить ума не приложу, уже перерыл все файлы в папке tinymce , помогите кто-то плз.

Даётся пример кода использования своей кнопки в редакторе:

<script type="text/javascript" src="http://automagic.kiev.ua/engine/editor/jscripts/tiny_mce/tiny_mce.js"></script>

<script type="text/javascript">

tinyMCE.init({

	mode : "textareas",

	theme : "advanced",

	theme_advanced_buttons1 : "mybutton,bold,italic,underline,separator,strikethrough,justifyleft,justifyce

nter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink",

	theme_advanced_buttons2 : "",

	theme_advanced_buttons3 : "",

	theme_advanced_toolbar_location : "top",

	theme_advanced_toolbar_align : "left",

	theme_advanced_statusbar_location : "bottom",

	plugins : 'inlinepopups',

	setup : function(ed) {

		// Display an alert onclick

		ed.onClick.add(function(ed) {

			ed.windowManager.alert('User clicked the editor.');

		});


		// Add a custom button

		ed.addButton('mybutton', {

			title : 'My button',

			image : 'http://automagic.kiev.ua/templates/Main/images/plus.gif',

			onclick : function() {

				ed.selection.setContent('<STRONG>Hello world!</STRONG>');

			}

		});

	}

});

</script>


<form method="post" action="somepage">

	<textarea name="content" style="width:100%">

	</textarea>

</form>

Я так понимаю нужно вставить куда-то эту часть:

// Add a custom button

		ed.addButton('mybutton', {

			title : 'My button',

			image : 'http://automagic.kiev.ua/templates/Main/images/plus.gif',

			onclick : function() {

				ed.selection.setContent('<STRONG>Hello world!</STRONG>');

			}

		});

Изменено 30 сентября 2008 пользователем docent

[docent 0]

помогите плз, для прогеров или просто знающих это дело 5-10минут.

обязательно отблагодарствую $

[docent 0]

всё, разобрался сам, надо было редактить shortnews.php , а я копался в папке tinymce

[Lexxs 16]

01.10.2008 в 15:05, docent сказал:

всё, разобрался сам, надо было редактить shortnews.php , а я копался в папке tinymce

Что поменялось за 15 лет?

В этих файлах уже нет ничего из того что было .)

С какими файлами работать, чтоб добавить свою кнопку?

Кто есть в курсе ? Доступно и понятно, так как документацию вообще не осилил, слишком много информации на другие темы, а нужную так и не нашёл ).

[TeraMoune 56]

4 часа назад, Lexxs сказал:

В этих файлах уже нет ничего из того что было .)

Вроде и не было никогда. Все пользовательские кнопки описаны в отдельных js файлах соответствующего редактора. Для tinymce это engine/editor/jscripts/tiny_mce/plugins/dlebutton/plugin.min.js (Там же в качестве примера реализовано целых 12 пользовательских кнопок с различными функциями)

Документация конкретно по пользовательским кнопкам: https://www.tiny.cloud/docs/tinymce/6/custom-toolbarbuttons/#how-to-create-custom-toolbar-buttons

(Там есть примеры для других типов кнопок, в dle используется же addButton функция, но в документации описано еще 4 типа (addToggleButton, ddSplitButton, addSplitButton, addMenuButton, addGroupToolbarButton)

Затем описанные кнопки нужно вывести в инициализации редактора что в файлах (engine/editor/shortsite.php, shortnews.php и если надо для редактора комментариев то и в comments.php) и перечислить собственные кнопки в параметре toolbar: [] соответствующего редактора.

[Lexxs 16]

14 часов назад, TeraMoune сказал:

Вроде и не было никогда. Все пользовательские кнопки описаны в отдельных js файлах соответствующего редактора. Для tinymce это engine/editor/jscripts/tiny_mce/plugins/dlebutton/plugin.min.js (Там же в качестве примера реализовано целых 12 пользовательских кнопок с различными функциями)

Документация конкретно по пользовательским кнопкам: https://www.tiny.cloud/docs/tinymce/6/custom-toolbarbuttons/#how-to-create-custom-toolbar-buttons

(Там есть примеры для других типов кнопок, в dle используется же addButton функция, но в документации описано еще 4 типа (addToggleButton, ddSplitButton, addSplitButton, addMenuButton, addGroupToolbarButton)

Затем описанные кнопки нужно вывести в инициализации редактора что в файлах (engine/editor/shortsite.php, shortnews.php и если надо для редактора комментариев то и в comments.php) и перечислить собственные кнопки в параметре toolbar: [] соответствующего редактора.

Спасибо! Возьму на вооружение.