1 Тема від ktretyak

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Тема: Допоможіть зі створенням простого JS-редактора у веб формах

На даний момент працюю над створенням простого JS-редактора форм, який повинен вміти вставляти markdown-розмітку в текст. Бачив багато рішень в інтернеті, коли редактор, при клікі по кнопці, бере текст з форми введення, змінює в ньому форматування і вставляє текст назад у форму введення.

Але в такого підходу є недоліки, наприклад, не можна натиснути Ctrl+Z щоб скасувати останні зміни, також не має можливості повторно клікнути на тій же кнопці і щоб така дія "переключала назад" те, що було зроблено при першому клікі. Також, якщо тексту багато у формі введення, то вставка всього тексту є нераціональною. Я бачив що можна зробити точкові вкраплення форматування, але ще бракує досвіду в JS щоб розібратись як воно працює.

Хтось вже вміє робити такі "точкові вкраплення форматування"?

2 Відповідь від VTrim

  • VTrim
  • VTrim
  • =)
  • Поза форумом
  • Дата реєстрації: 07.09.2014
  • Повідомлень: 3 319
    • Репутація: 2297

Re: Допоможіть зі створенням простого JS-редактора у веб формах

Гляньте цей варіант
http://myrusakov.ru/js-create-editor.html

Подякували: ktretyak1

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

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Допоможіть зі створенням простого JS-редактора у веб формах

VTrim написав:

Гляньте цей варіант
http://myrusakov.ru/js-create-editor.html

Ух ти! Дякую, VTrim, здається через цей лінк я знайшов досить близьке рішення, але тут говориться про елемент з атрибутом editable, а не з простим textarea. Зараз гляну чи можна його адаптувати для мого варіанта редактора.

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

  • Invader
  • Invader
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 13.08.2012
  • Повідомлень: 2 047
    • Репутація: 575

Re: Допоможіть зі створенням простого JS-редактора у веб формах

▼Прихований текст

У на стут говорять кніпка.

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

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Допоможіть зі створенням простого JS-редактора у веб формах

Invader написав:

У на стут говорять кніпка.

Як і інші слова типу "кід", здається цю маячню поширював ще FakiNyan. Добре що його забанили. На місті б модераторів я давним-давно б його забанив...

6 Відповідь від ktretyak Востаннє редагувалося ktretyak (10.02.2015 19:51:55)

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Допоможіть зі створенням простого JS-редактора у веб формах

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

Дивує лише одне - хоча про такий редактор я бачив згадки не один рік, але Мозіла каже, що специфікація для цієї можливості все ще перебуває на стадії чорновика.

А в самому кінці статті наводиться повністю готовий код такого редактора, який навіть вміє переключатись між режимами html та editable

7 Відповідь від quez Востаннє редагувалося quez (10.02.2015 20:36:18)

  • quez
  • quez
  • Replace Team
  • Поза форумом
  • Звідки: Новий Єрусалим
  • Дата реєстрації: 01.05.2014
  • Повідомлень: 3 103
    • Репутація: 1621

Re: Допоможіть зі створенням простого JS-редактора у веб формах

ktretyak написав:

Дивує лише одне - хоча про такий редактор я бачив згадки не один рік, але Мозіла каже, що специфікація для цієї можливості все ще перебуває на стадії чорновика.

Так посилання з вашого посилання веде на сайт w3.org, а то ще ті тормоза.