Плагин невизуального редактора СodEditor (beta)

[beliyadm]

Представляю Вашему вниманию мелкую поделку для собственных нужд - невизуальный редактор для Joomla 1.5, по типу Home-site и других редакторов, СodEditor версия 1.0.2

Что умеет:
1 - вставлять заданные теги (минимально необходимый набор)
2 - обрамлять выделенный текст выбранным тегом (выделили текст, нажали В - текст обрамился тегами)
3 - поддерживаемые теги: B, I, U, S, P, BR, UL LI, OL LI, A, IMG, H1-H6

В планах на будущее (никаких сроков реализации не обещаю и обещать не буду)
1 - добавить подсветку синтаксиса HTML
2 - добавить нумерацию строк (под вопросом)
3 - добавить функционал плагина для JCE advlink для добавления ссылки на определенный набор элементов сайта, материалы, ссылки в меню (очень нескоро)
4 - возможность в панель редактора подключать кнопки сторонних плагинов для редактора (от SMART)

Кратко для интересующихся
1 - для добавления собственного тега открываем файл plugins\editors\codeditor.php, находим строки 153-173 и по аналогии добавляем свой тег (не забываем положить картинку в каталог plugins\editors\codeditor\ico)



Changelog

Версия 1.0.2

Исправлена ошибка работы сторонних кнопок редактора под областью ввода (подробнее, изображения и прочие), спасибо ShadowXak

[Sulpher]

Опробовал - понравилось. То, что нужно для оптимизации контента. Пожелание на будущее:
добавить возможность вставки ссылки на контент. Это значительно упростило бы работу с наполнением сайта и было бы просто назаменим элементом редактора.

[beliyadm]

добавить возможность вставки ссылки на контент.

как обсудили - сделаю, но не скажу когда. Описано в планах, пункт 3
P.S. рад что понравилось

[ShadowXak]

Потрясающе!
это просто моя мечта, а то за*** постоянно гонять и то включать то выключать редактор
ща солью и поставлю.
извини за назойливость, я еще не смотрел, как можно в этот редактор подключить кнопочки от других плагинов, если это реально, то просто суперски будет, а то у меня внизу уже 2 ряда
---
это я к тому что охото кнопочки сделать маленькие и сверху
---
+ с меня!

[ShadowXak]

Все как кнопочки добавить от плагинов я уже знаю посмотрел код! 

[beliyadm]

извини за назойливость, я еще не смотрел, как можно в этот редактор подключить кнопочки от других плагинов, если это реально, то просто суперски будет, а то у меня внизу уже 2 ряда

автоматическое подключение кнопочек не делал и в принципе не планирую, но добавлять новые кнопки в редактор элементарно просто - одна строка в коде и картинка в каталог plugins\editors\codeditor\ico, в первом посте писал где добавлять, думаю что без проблем разберешься

Потрясающе!
это просто моя мечта, а то за*** постоянно гонять и то включать то выключать редактор

не за что, сам такой же ленивый

[smart]

Петя, а почему-бы не сделать подключение новых кнопок плагинами? Это же очень просто реализовать?

[beliyadm]

Петя, а почему-бы не сделать подключение новых кнопок плагинами? Это же очень просто реализовать?

знаю что просто, но плагин писался только для собственных нужд, у меня такой потребности нет и в ближайшем будущем не планируется.
Раздробить $this->_displayButtons($name, $buttons) и оттуда вытащить опции кнопок, кому надо разберутся самостоятельно

[xobot]

замечательная идея, попробую, отпишусь по рузльтатам

[smart]

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

грустно... но вообще, если уж ты что-то выкладываешь, то так или иначе, ты уже несешь ответственность за данное творение... да и честно говоря, я не вижу никакой проблемы добавить 5-10 строчек и реализовать такой функционал. Ну тебе в принципе видней...

[beliyadm]

но вообще, если уж ты что-то выкладываешь, то так или иначе, ты уже несешь ответственность за данное творение...

несу, но не обещаю сделать все и сразу. Занес идею в TODO, в следующей версии реализую

[smart]

Занес идею в TODO, в следующей версии реализую

Петь не совсем внимателен - я предлагал сделать через плагины просто пользовательские кнопки, а не цеплять те, что есть для других редакторов (хотя и это было наверно интересно). Т.е. просто создать группу плагинов CodEditor, которые позволят добавить доп. кнопки на панель редактора. И один плагин пример... Я обещаю сразу же написать второй плагин пример - для вставки тегов JComments. А там народ наверняка всего напридумывает...

[ShadowXak]

Заметил баг
нижнии кнопки от плагинов перестали работать причем все - вставка изображений, разрыв страницы, далее и т.д.
перенес в миниатюрки все в сам редактор сверху кодом - теперь работают только сверху

[beliyadm]

Сергей - идею понял, подумаю
ShadowXak - спасибо, действительно баг, сейчас перезалью исправленную версию, пока же можешь сам в функцию function onInit() добавить случайно убранный мной код

Код

$txt =	"<script type=\"text/javascript\">
					function insertAtCursor(myField, myValue) {
						if (document.selection) {
							// IE support
							myField.focus();
							sel = document.selection.createRange();
							sel.text = myValue;
						} else if (myField.selectionStart || myField.selectionStart == '0') {
							// MOZILLA/NETSCAPE support
							var startPos = myField.selectionStart;
							var endPos = myField.selectionEnd;
							myField.value = myField.value.substring(0, startPos)
								+ myValue
								+ myField.value.substring(endPos, myField.value.length);
						} else {
							myField.value += myValue;
						}
					}
				</script>";

[ShadowXak]

вооо ща работают как надо

[ShadowXak]

еще маленькое пожелание добавить к кнопочкам параметр title, а то некоторым будет не удобно

[beliyadm]

еще маленькое пожелание добавить к кнопочкам параметр title, а то некоторым будет не удобно

там есть тег ALT, title для картинки вроде бы не входит в список допустимых тегов, но работает. Добавлю в следующей версии вместе с подсветкой кода уже

[ShadowXak]

алт есть, но при наведении нет подсказки, покрайней мере в ФФ, в другом не смотрел
---
приложу скрин с будущего сайта, добавил свои кнопочки + добавил титле!

[Darkick]

алт есть, но при наведении нет подсказки, покрайней мере в ФФ, в другом не смотрел

Это ФФ себя так ведёт. Когда-то даже плагин для ФФ ставил, который заставляет его показывать альты.

[ShadowXak]

Это ФФ себя так ведёт. Когда-то даже плагин для ФФ ставил, который заставляет его показывать альты.

ну я почиму то так и подумал сорри за офтоп

[Sulpher]

Ещё есть предложение одно.
Например, мы вставляем ссылочку:

index.php?option=com_content&view=category&layout=blog&id=2

а нужно, чтобы она приняла вот такой вид:

index.php?option=com_content&view=category&layout=blog&id=2

TinyMCE формирует ссылку в такой вид по умолчанию. Было бы здорово внести подобную модификацию и в этот редактор.

[Physicist]

TinyMCE формирует ссылку в такой вид по умолчанию. Было бы здорово внести подобную модификацию и в этот редактор.

Да, было бы неплохо иметь или кнопку "Insert & Encode", или добавить две кнопки "URL Encode"/"URL Decode".

[beliyadm]

То есть заменять & и другие на спецсимволы? А смысл? Я пока не очень понимаю зачем это нужно

[Physicist]

А затем, что правильно писать в исходном коде index.php?option=com_x&Itemid=y вместо index.php?option=com_x&Itemid=y (во втором случае по правилам должна быть ошибка парсинга, т.к. это больше похоже на непонятную сущность &Itemid; — по аналогии с © и т.д.). Замены достаточно сделать через escape/unescape.

[Sulpher]

Найден баг. Не вставляется тег

Код:

<hr id="system-readmore" />

при клике в кнопку "Подробнее...".

upd: проверил - нижние кнопки все не работают: изображение, подробнее, JComments on, JComments off.

[beliyadm]

Жень - об этом баге ShadowXak уже писал выше, исправлено в версии 1.0.2, либо руками

[Sulpher]

Вот блин, а я и не читал ))) нашёл баг и тут же отписался. Сорри

[Sulpher]

Редактор некорректно работает в Joom!Fish 2.0.4.
При попытке вставить тег, курсор перебрасывает в следующее окно и там же теги добавляются.

[Serena Dark]

Замечательная вещь! А можно ли каким-нибудь образом сделать, чтобы автоматически проставлялись тэги перехода на следующую строку?

[beliyadm]

А можно ли каким-нибудь образом сделать, чтобы автоматически проставлялись тэги перехода на следующую строку?

Конкретнее? При нажатии на ентер что ли вставлять <br />?