Форум по WordPress

Вопросы и ответы по WordPress

Вы не зашли.

#1 15-12-2008 17:07:46

arsenal
Главный специалист
Зарегистрирован: 29-05-2008
Сообщений: 251
Вебсайт

WYSIWYG для блога

Делаю личные блоги участников моей соц. сети,
хотелось бы встроить вместо обычного <textarea> что-нибудь удобное для юзера, а именно WYSIWYG.

Ранее я никогда не использовал WYSIWYG в своих проектах, а потому прошу поделиться опытом.

1. Меня интересует, какой именно визуальный редактор вы посоветуете встроить?
2. В каком редакторе есть поддержка BBCode

http://samborsky.com/img/screen_visual.jpg

Думаю Юрий Дмитриевич чего-нибудь посоветует


www.samborsky.com - мой блог о вебпрограммировании, моих проектах.
MaxSite CMS - мои плагины и заметки о ней.

Неактивен

 

#2 15-12-2008 17:28:30

Ю.Б.
Клуб WordPress
Откуда: Харьков
Зарегистрирован: 05-08-2007
Сообщений: 6600
Вебсайт

Re: WYSIWYG для блога

Думаете? Ну раз так, то советую: не берите дурного в голову, а тяжелого в руки smile

Я бы посоветовал тот виз.редактор, который Максим использовал в админке (jWYSIWYG). Причина простая: jquery все равно грузится. И редактор в комплекте уже есть. Опять же, за обновлениями версий следить самому не надо wink

БуБуКод - как бы сам по себе, отдельная порода редакторов, возвращающих бубу вместо html-тегов. Обычно используются на форумах. Почему-то все кривые.


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

Неактивен

 

#3 15-12-2008 18:01:25

arsenal
Главный специалист
Зарегистрирован: 29-05-2008
Сообщений: 251
Вебсайт

Re: WYSIWYG для блога

Я сейчас собрался мыслями и прикинул, что мне нужен такой wysiwyg, чтобы он давал возможность перехвата нажатий на кнопки форматирования.

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

Касательно jWYSIWYG. Посмотрел. Функционал устраивает, по моему он быстрее грузится чем TinyMCE и FCEditor.
Поддерживает он перехват нажатий на кнопки?


www.samborsky.com - мой блог о вебпрограммировании, моих проектах.
MaxSite CMS - мои плагины и заметки о ней.

Неактивен

 

#4 15-12-2008 18:17:03

Ю.Б.
Клуб WordPress
Откуда: Харьков
Зарегистрирован: 05-08-2007
Сообщений: 6600
Вебсайт

Re: WYSIWYG для блога

Он быстрее грузится, потому что меньше по размеру. FCK - то вообще монстр. Зато со своим аплоадером.

Перехват кнопок, думаю, должен быть. Точнее не перехват и не кнопок, а какой-то cutom control или call-back, как почти во всём, что работает на jQuery. Посмотрите на офф.сайте плагина (ага, это плагином к jQuery зовется)

PS Я давеча прикручивал календарик на jQuery к одному сайту, думал свихнусь, но когда разобрался, кто на ком стоял, оказалось, что всё очень культурно и элегантно сделано.


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

Неактивен

 

#5 15-12-2008 18:22:35

Saturn
Помогающий
Откуда: 53°55.0 N, 27°33.0 E
Зарегистрирован: 12-11-2008
Сообщений: 87
Вебсайт

Re: WYSIWYG для блога

я выбрал TinyMCE, но сволочь почему-то не хочет грузиться в IE :-(
пока не понял, почему.


"Блажен король, но кружка с пивом
Любого сделает счастливым"
(c) Роберт Бернс

Неактивен

 

#6 15-12-2008 18:27:13

MAX
Клуб WordPress
Зарегистрирован: 17-05-2006
Сообщений: 1651
Вебсайт

Re: WYSIWYG для блога

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

Но вообще, если не нужно что-то очень сложное, то проще как раз вариант Юры - Editor Dumb. Там очень простая вставка в редактор и легко модернизируется под любые нужды. Тем более, что если нужно модальное окно, то на js это только promt(). То етсь на onClick вешаем свою функцию.

Неактивен

 

#7 15-12-2008 18:40:32

arsenal
Главный специалист
Зарегистрирован: 29-05-2008
Сообщений: 251
Вебсайт

Re: WYSIWYG для блога

Макс, секунду, какой Editor Dumb ?
Юрий мне посоветовал jWYSIWYG, тот что встроен в админку MaxSite...


www.samborsky.com - мой блог о вебпрограммировании, моих проектах.
MaxSite CMS - мои плагины и заметки о ней.

Неактивен

 

#8 15-12-2008 18:48:19

Ю.Б.
Клуб WordPress
Откуда: Харьков
Зарегистрирован: 05-08-2007
Сообщений: 6600
Вебсайт

Re: WYSIWYG для блога

Да плагин такой я делал, типа вообще-ни-разу-не-визуальный, обычный textarea - для любителей тегов и ненавистников жабаскриптов.

PS Следующим номером нашей программы - плагин editor_vi big_smile


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

Неактивен

 

#9 15-12-2008 18:51:22

Ю.Б.
Клуб WordPress
Откуда: Харьков
Зарегистрирован: 05-08-2007
Сообщений: 6600
Вебсайт

Re: WYSIWYG для блога

Saturn, не приставайте, IE - горбуха! big_smile Убрал я одну безобидную запятую (в editor.php после true), теперь вроде запускается.


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

Неактивен

 

#10 15-12-2008 18:51:51

arsenal
Главный специалист
Зарегистрирован: 29-05-2008
Сообщений: 251
Вебсайт

Re: WYSIWYG для блога

Ясно, нет, мне больше визуальный редактор нравится


www.samborsky.com - мой блог о вебпрограммировании, моих проектах.
MaxSite CMS - мои плагины и заметки о ней.

Неактивен

 

#11 15-12-2008 18:55:40

Saturn
Помогающий
Откуда: 53°55.0 N, 27°33.0 E
Зарегистрирован: 12-11-2008
Сообщений: 87
Вебсайт

Re: WYSIWYG для блога

IE не люблю и сам не видел этот глюк, так как юзал админку MaxSite из-под FF. но есть "добрые люди", которые указали на глюк :-(


"Блажен король, но кружка с пивом
Любого сделает счастливым"
(c) Роберт Бернс

Неактивен

 

#12 15-12-2008 18:55:50

Ю.Б.
Клуб WordPress
Откуда: Харьков
Зарегистрирован: 05-08-2007
Сообщений: 6600
Вебсайт

Re: WYSIWYG для блога

Так не хочется работать, что решил посмотреть офф.сайт jWYSIWYG. Дык просто ж песня! Тина-Муся отдыхает в уголочке. Проще простого:

Код:

Add custom controls

<style type="text/css">
    .alert { background: url('img/error.gif') no-repeat !important; }
</style>
$('#wysiwyg').wysiwyg({
    controls : {
        alertSep : { separator : true },
        alert : {
            visible   : true,
            exec      : function() { alert('Hello World'); },
            className : 'alert'
        }
    }
});

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

Неактивен

 

#13 15-12-2008 19:05:11

Saturn
Помогающий
Откуда: 53°55.0 N, 27°33.0 E
Зарегистрирован: 12-11-2008
Сообщений: 87
Вебсайт

Re: WYSIWYG для блога

ну в базовом варианте jWYSIWYG как-то не впечатляет...


"Блажен король, но кружка с пивом
Любого сделает счастливым"
(c) Роберт Бернс

Неактивен

 

#14 15-12-2008 19:09:09

arsenal
Главный специалист
Зарегистрирован: 29-05-2008
Сообщений: 251
Вебсайт

Re: WYSIWYG для блога

Ну вот и отлично, с визуальным редактором я определился smile


www.samborsky.com - мой блог о вебпрограммировании, моих проектах.
MaxSite CMS - мои плагины и заметки о ней.

Неактивен

 

#15 15-12-2008 19:49:57

arsenal
Главный специалист
Зарегистрирован: 29-05-2008
Сообщений: 251
Вебсайт

Re: WYSIWYG для блога

Макс, а вы вносили свои изменения в jquery.wysiwyg.js ?


www.samborsky.com - мой блог о вебпрограммировании, моих проектах.
MaxSite CMS - мои плагины и заметки о ней.

Неактивен

 

#16 15-12-2008 19:53:57

MAX
Клуб WordPress
Зарегистрирован: 17-05-2006
Сообщений: 1651
Вебсайт

Re: WYSIWYG для блога

Не, визуальный редактор - зло. smile Вот один разбивает текст одним абзацем (enter). Другой, вроде меня, любитель два enter'a жать. Внимание вопрос: как системе следует интерпретировать эти enter'ы? А если их три, четыре, пять?

Неактивен

 

#17 15-12-2008 19:55:28

MAX
Клуб WordPress
Зарегистрирован: 17-05-2006
Сообщений: 1651
Вебсайт

Re: WYSIWYG для блога

arsenal написал:

Макс, а вы вносили свои изменения в jquery.wysiwyg.js ?

Конечно. Там исправлены глюки с режимом Код, добавлено автосохранение и... и чего-то еще. Уже не помню. wink

Неактивен

 

#18 15-12-2008 20:01:58

arsenal
Главный специалист
Зарегистрирован: 29-05-2008
Сообщений: 251
Вебсайт

Re: WYSIWYG для блога

Ясно. Подключил визуальный редактор напрямую из папки с плагином, не работает jquery код который я писал.
Видимо из-за ошибки

Ошибка: autosavetime is not defined
Источник: http://rybalka2.tv/application/maxsite/ … wysiwyg.js
Строка: 465

http://samborsky.com/img/max_error.jpg

Наверное подключу отдельно от вас jwysiwyg, потому что мне только его минимальные функции нужны.


www.samborsky.com - мой блог о вебпрограммировании, моих проектах.
MaxSite CMS - мои плагины и заметки о ней.

Неактивен

 

#19 15-12-2008 20:06:39

MAX
Клуб WordPress
Зарегистрирован: 17-05-2006
Сообщений: 1651
Вебсайт

Re: WYSIWYG для блога

Просто неверно подключили. Нужно все js-переменные (см. editor.php) определить.

Неактивен

 

#20 15-12-2008 20:12:27

arsenal
Главный специалист
Зарегистрирован: 29-05-2008
Сообщений: 251
Вебсайт

Re: WYSIWYG для блога

Но в CSS как ни крути ошибки есть

backgro1und...

пусть это к делу и не относится.


www.samborsky.com - мой блог о вебпрограммировании, моих проектах.
MaxSite CMS - мои плагины и заметки о ней.

Неактивен

 

#21 15-12-2008 20:18:52

MAX
Клуб WordPress
Зарегистрирован: 17-05-2006
Сообщений: 1651
Вебсайт

Re: WYSIWYG для блога

Ну дак нужно ж как-то экспериментировать. wink

Неактивен

 

#22 15-12-2008 20:42:43

arsenal
Главный специалист
Зарегистрирован: 29-05-2008
Сообщений: 251
Вебсайт

Re: WYSIWYG для блога

Подключил.
Да с визуальным редактором намного лучше.
Поставил только минимальные функции форматирования, думаю моим пользователям этого будет достаточно.
Всем спасибо за помощь.

http://samborsky.com/img/prevedy.jpg


www.samborsky.com - мой блог о вебпрограммировании, моих проектах.
MaxSite CMS - мои плагины и заметки о ней.

Неактивен

 

Board footer

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson

Украина онлайн