1 Тема від maxpachinov

  • maxpachinov
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 23.07.2019
  • Повідомлень: 16
    • Репутація: 4

Тема: Додавання тегу bold в textarea

Вітаю. Підскажіть будь-ласка, який метод для кнопки потрібно використовувати, щоби в textarea з'являвся тег strong/b чи то інше?

Дякую зарані)

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

  • leofun01
  • leofun01
  • Replace Team
  • Поза форумом
  • Дата реєстрації: 15.03.2014
  • Повідомлень: 3 277
    • Репутація: 2720

Re: Додавання тегу bold в textarea

Теґи <strong>, <b>, <i> не можна вкладати в <textarea>.

leofun01 вебсайт

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

  • maxpachinov
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 23.07.2019
  • Повідомлень: 16
    • Репутація: 4

Re: Додавання тегу bold в textarea

Дякую. Але Ви були не праві. Для наступних пошуковців додаю рішення:
Щоб вставити в textarea теги <strong>, <i>, <u> - потрібно створити функцію:

var msgText = document.querySelector("#message_section"); //id textarea

//створення об'єкту зі шрифтами - ідентифікатори шрифтів вказують на кнопки, при натисненні на які в полі textarea будуть додані теги
var fonts = {
    bold: document.querySelector("#bold"),
    italic: document.querySelector("#italic"),
    underline: document.querySelector("#underline")
};
//сама функція
fonts.bold.onclick = function () {
    msgText.value += '<strong></strong>';
};

Працює 100%

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

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

  • leofun01
  • leofun01
  • Replace Team
  • Поза форумом
  • Дата реєстрації: 15.03.2014
  • Повідомлень: 3 277
    • Репутація: 2720

Re: Додавання тегу bold в textarea

Коли я оце прочитав

maxpachinov написав:

який метод для кнопки потрібно використовувати, щоби в textarea з'являвся тег strong/b чи то інше?

то подумав, що ви хочете зробити так

<textarea>
    <strong>text</strong>
</textarea>

, відкрив специфікацію HTML, знайшов textarea

html.spec.whatwg.org написав:

4.10.11 The textarea element
Content model:
    Text.

, перейшов за посиланням на Text,

html.spec.whatwg.org написав:

Text, in the context of content models, means either nothing, or Text nodes.

Текст, в контексті моделей контенту, означає нічого або текстові вузли/елементи.
Тобто вкладати інші теги не можна. Тому я так і написав.


А виявилося, що ви хотіли в сам елемент керування (textarea) додати стрічку '<strong></strong>', а це вже без проблем.

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

leofun01 вебсайт