BBCode spoiler с BBCodes на лейбле

Question

Хорошо, позвольте мне объяснить, что это за «трюк-спойлер». Я имею в виду:
На форуме phpBB, на котором я нахожусь, есть BBCode, который скрывает текст внутри, с кнопку для показа/скрытия, которая должна выглядеть как кнопки отправки проксильвера/предварительного просмотра на странице публикации. Это было сделано довольно хорошо с элементом ввода < (на самом деле я считаю <input type="submit" value="Show Spoiler"> с атрибутом onclick), но, разумеется, теперь мы ищем способ реализации аналогичного, за исключением пользовательской метки на кнопке, включая использование BBCode внутри него. Излишне говорить, что это сложно сделать, не создавая риск XSS.

Answer 1

Попробуйте использовать тег <button> вместо тега <input>. Он имеет больше возможностей, чем тег <input>, и может содержать в себе другие элементы, такие как: <button type="button">The third <span style="color:red">word</span> on this button is red.</button>