1 Тема від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Тема: Редактор HTML wysiwyg

Всім привіт. Є одна ідея створити редактор HTML wysiwyg.
Зараз редакторів багато але всі вони мають недоліки, цей редактор який я планую створити теж недоліки будуть але якщо працювати в нормальному бравзері можна буде отримати нормальний код.
Головні фішки які думаю втілити:

  • основа - плагін jquery

  • в редакторі тільки базові методи. Все інше буде реалізовано у форматі плагінів. Тобто хочеш кнопку Source - використовуй плагін

Функціонал тільки такого типу:

  • Форматування жирний курсив підкреслений

  • Розмір шрифта

  • Списки

  • Картинки

  • тег pre

Тобто головна фішка це те що код має бути валідним і нормальних без всяких тегів font
В першу чергу хочу такий редактор для себе і для людей яким не лінь прочитати інструкцію і вивчити правильне форматування.

У когось були схожі ідеї?:)

funivan вебсайт

  • Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Re: Редактор HTML wysiwyg

О це було б хорошою затією, бо не так просто знайти підходящий візуальний редактор.
Але як на мене, краще було б зробити конструктор, який би дозволяв самому вибирати потрібні компоненти і в кінцевому результаті видавав готовий редактор.

3 Відповідь від Replace

  • Replace
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 06.04.2012
  • Повідомлень: 2 895
    • Репутація: 2106

Re: Редактор HTML wysiwyg

а чим не влаштовує, наприклад http://imperavi.com/redactor/

Replace вебсайт

4 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Редактор HTML wysiwyg

О це було б хорошою затією, бо не так просто знайти підходящий візуальний редактор.
Але як на мене, краще було б зробити конструктор, який би дозволяв самому вибирати потрібні компоненти і в кінцевому результаті видавав готовий редактор.

Саме така ідея в голові і сидить. Поцокав який функціонал потрібен скачав редактор.

Якщо мені не зраджує пам'ять, обробка вмісту сторінки бравзером залежить не від редактора тексту, а від самого бравзера і від вмісту власне сторінки.

І так і ні. Гуглдокс - це редактор який працює у багатьох бравзерах і не використовує функцію executeCommand для форматування тексту. Тому редактор а не бравзер обробляє вміст :)

Ідея гарна, віє романтизмом. Але чи не буде це черговим "велосипедом", який часто призводив подібні проекти до краху ще на початку?..

Ну велосипед скоріше всього що буде і дійсно є частка романтизму так як хочеться щось нормальне.

Про яку валідність мова? Поясніть, будь-ласка.

Валідність html мається на увазі. Тобто кінцевий HTML код не повинен бути ось таким. Взагалі прикладів багато є)

<h3>The S<i>ky Is Eve</i>rywhere</h3>
//і не таким
<font><b>text</b></font>

а чим не влаштовує, наприклад http://imperavi.com/redactor/

1. Він платний, 2. Ось який код можна отримати натиснувши 2-3 кнопки

<ol><li><h3>The S<i>ky Is Eve</i>rywhere</h3></li></ol>

Одна з фішок це заборонити наприклад деякі дії коли ми знаходимось в середині h1. Тобто кнопка жирний буде некативна

p.s. Дякую за таку увагу до теми )

funivan вебсайт

5 Відповідь від Replace

  • Replace
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 06.04.2012
  • Повідомлень: 2 895
    • Репутація: 2106

Re: Редактор HTML wysiwyg

Одна з фішок це заборонити наприклад деякі дії коли ми знаходимось в середині h1. Тобто кнопка жирний буде некативна

А в цьому здається нічого поганого немає. В заголовку інколи потрібно виділити певний кусок.

Replace вебсайт

6 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Редактор HTML wysiwyg

Replace написав:

Одна з фішок це заборонити наприклад деякі дії коли ми знаходимось в середині h1. Тобто кнопка жирний буде некативна

А в цьому здається нічого поганого немає. В заголовку інколи потрібно виділити певний кусок.

Особисто моя думка це фігня, але нехай.

А що скажеш на рахунок 

<ol><li><h3>The Sky Is Everywhere</h3></li></ol>

Це нормально?

funivan вебсайт

7 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Редактор HTML wysiwyg

Виходить, що одна з ідей проекту - створити вільний редактор, що захистить від дурнів за клавою або дурних звичок (особливо у початківців). smile

Тільки от чи матиме це практичний ефект з огляду на вихід HTML 5 (зокрема, його особливості щодо закриття тегів та ін.)?

Все вірно. Як на мене краще дати можливість юзерам 5 кнопок але хороших і які працюють аніж 200 кнопок і на виході кашамалаша )))
Ну коли хтмл5 буде? І до речі можна детальніше про теги?

funivan вебсайт

8 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Редактор HTML wysiwyg

до HTML 5 ще далеко))

funivan вебсайт

9 Відповідь від bunyk

  • bunyk
  • Replace Team
  • Поза форумом
  • Звідки: Франик
  • Дата реєстрації: 24.07.2012
  • Повідомлень: 959
    • Репутація: 751

Re: Редактор HTML wysiwyg

Replace написав:

Одна з фішок це заборонити наприклад деякі дії коли ми знаходимось в середині h1. Тобто кнопка жирний буде некативна

А в цьому здається нічого поганого немає. В заголовку інколи потрібно виділити певний кусок.

І справді. Гляньте но скільки всякої фігні в заголовоках вікіпідручника, і це не враховуючи тегу code:

<h3><span class="editsection">[<a title="Редагувати розділ: None в булевому контексті" href="/w/index.php?title=%D0%9F%D0%BE%D1%80%D0%B8%D0%BD%D1%8C%D1%82%D0%B5_%D1%83_Python_3/%D0%A1%D1%82%D0%B0%D0%BD%D0%B4%D0%B0%D1%80%D1%82%D0%BD%D1%96_%D1%82%D0%B8%D0%BF%D0%B8_%D0%B4%D0%B0%D0%BD%D0%B8%D1%85&amp;action=edit&amp;section=31">ред.</a>]</span> <span id="None_.D0.B2_.D0.B1.D1.83.D0.BB.D0.B5.D0.B2.D0.BE.D0.BC.D1.83_.D0.BA.D0.BE.D0.BD.D1.82.D0.B5.D0.BA.D1.81.D1.82.D1.96" class="mw-headline"><code>None</code> в булевому контексті</span></h3>

bunyk вебсайт

10 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Редактор HTML wysiwyg

2bunyk тобто ви хочете сказати що це нормально в h3 всяка хрінь ?:)

funivan вебсайт

  • Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Re: Редактор HTML wysiwyg

funivan, щось надумали робити ?

12 Відповідь від Replace

  • Replace
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 06.04.2012
  • Повідомлень: 2 895
    • Репутація: 2106

Re: Редактор HTML wysiwyg

imho, краще купити за 99$ redactor і використовувати у всіх своїх проектах. Простих безкоштовних вистачає. На google code бачив один. Навіть поставив його на один проект, але з часом він перестав підтримуватись.
На розробку піде більше місяця і на виході буде досить сирий продукт. Не вірю я в такі проекти :)

Replace вебсайт

  • Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Re: Редактор HTML wysiwyg

Replace написав:

Не вірю я в такі проекти :)

Як то кажуть: "Скільки на граблі не ступай, а серце вірить в чудеса."
То ж я, за створення такого конструктора.

14 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Редактор HTML wysiwyg

Всім привіт. Уже все в процесі)) Знаєте як то кажуть є ідея і є бажання і я її роблю. =)
2Replace проблема не в грошах. Проблема в тому що ці редактори видають код який мені не подобається.
+ є проект в якому треба 3-4 кнопки редактора і чистий html код має бути на виході.

До речі інша сторона медалі: я краще буду знати javascript так що це мої заморочки. Навіть якщо проект здохне знання залишаються.
Це один з моїх принципів вивчення мов))

Є питання: куди закидувати код, гітхаб чи бітбукет ?:) І хтось бажає взяти участь в проекті)

funivan вебсайт

15 Відповідь від funivan Востаннє редагувалося funivan (24.12.2012 17:57:43)

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Редактор HTML wysiwyg

Народ є питання. Для прикладу тег b (bold) і тег i
Чи допустимий такий html код як ви думаєте?

<b><i>текст</i>текст </b>
<i>кусок тексту<b>текст</i>текст </b>
<i>кусок <b>тексту</b>текст </i>
<i>кусок <b>тексту</b><b>текст</b> </i>
<i> <b>кусок </b>тексту<b>текст</b> </i>
<b>кусок</b> <b>тексту</b>

Фактично скажіть номери рядків які нормальні які ні, дякую

funivan вебсайт

  • Дата реєстрації: 08.06.2012
  • Повідомлень: 2 031
    • Репутація: 743

Re: Редактор HTML wysiwyg

funivan написав:

Народ є питання. Для прикладу тег b (bold) і тег i
Чи допустимий такий html код як ви думаєте?

<b><i>текст</i>текст </b>
<i>кусок тексту<b>текст</i>текст </b>
<i>кусок <b>тексту</b>текст </i>
<i>кусок <b>тексту</b><b>текст</b> </i>
<i> <b>кусок </b>тексту<b>текст</b> </i>
<b>кусок</b> <b>тексту</b>

Фактично скажіть номери рядків які нормальні які ні, дякую

2 рядок - неподобається.

17 Відповідь від Replace

  • Replace
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 06.04.2012
  • Повідомлень: 2 895
    • Репутація: 2106

Re: Редактор HTML wysiwyg

2 - це не по стандарту
6 - можна об'єднати

Replace вебсайт

18 Відповідь від funivan

  • funivan
  • funivan
  • Replace Team
  • Поза форумом
  • Звідки: Київ
  • Дата реєстрації: 24.09.2012
  • Повідомлень: 2 005
    • Репутація: 927

Re: Редактор HTML wysiwyg

Replace написав:

2 - це не по стандарту
6 - можна об'єднати

Ага на рахунок 6 думаю. Можливо користувач так і задумував тобто тег b (strong) часто не тільки для виділення слів для користувача а і для гугла і яндекса)
Скоріш за все зроблю опцію ;)

funivan вебсайт