Перейти к публикации

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


Рекомендованные сообщения

Доброго всем дня, подскажите плз , реально ли добавить свою функциональную кнопку в 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.

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

понимаю что именно этот пример мне нужен, осталось тупо вставить код, но куда его вставить ума не приложу, уже перерыл все файлы в папке 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>');

			}

		});

Изменено пользователем docent
Ссылка на сообщение
Поделиться на других сайтах
  • 14 лет спустя...
01.10.2008 в 15:05, docent сказал:

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

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

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

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

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

Ссылка на сообщение
Поделиться на других сайтах
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: [] соответствующего редактора.

Ссылка на сообщение
Поделиться на других сайтах
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: [] соответствующего редактора.

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...