Когда вы задаете вопрос о переполнении стека, вы получаете текстовое поле с опциями «жирный», «курсив», «добавить гиперссылку» и все такое. Я хочу сделать то же самое ... Но как мне это сделать? Есть ли примеры этого? Я уверен, что для этого есть что-то в Интернете. Любая помощь будет принята с благодарностью. Благодаря!Ввод текста с улучшенной текстовой областью
ответ
Вы можете попробовать прибегая к помощи WYSIWYG плагинов, как CLEditor JQuery плагин http://premiumsoftware.net/cleditor/
На очень грубом высокоуровневом уровне эти фантастические онлайн-редакторы - это только div, у которого атрибут contentEditable
установлен в true. кнопки, меню и т. д. - просто пушистые дополнения.
Я прочитал дюжину разных SO вопросов по этой линии мысли, и это первое упоминание о «contentEditable», с которым я столкнулся. Именно то, что я искал, +1. –
Обычно вы должны использовать TinyMCE и т.д.
Но именно на Stackoverflow, они используют Markdown и простую текстовую. Несколько кнопок здесь просто вставляют простой ascii-текст для символов разметки в текстовое поле
Вы также можете изучить источник этой веб-страницы. Я рекомендую плагин Firebug для Firefox. Это облегчает навигацию по источнику веб-страницы.
Просто щелкните правой кнопкой мыши элемент html, например текстовую область или кнопку, и нажмите «Осмотреть элемент». Он идет прямо к источнику.
Я не очень долго разбирал свою руку в веб-дизайне, но, очевидно, много CSS и, возможно, JavaScript, оба из которых (поскольку они являются клиентскими) вы можете видеть в источнике.
- 1. HTML5 localStorage с текстовой областью
- 2. Развертывание/Скрытие проблем с текстовой областью
- 3. Сделать абзац текста редактируемой текстовой областью при щелчке
- 4. Отображение html с текстовой областью в текстовой области?
- 5. Ввод текстовой анимации
- 6. Ace Editor с текстовой областью TinyMCE
- 7. несколько кнопок с одной текстовой областью
- 8. Выравнивание формы HTML/CSS с кнопками и текстовой областью
- 9. Загрузочная метка несогласованного под текстовой областью
- 10. Ввод текста из текстовой области и запись по 2 массивам
- 11. jQuery для проверки нескольких строк с текстовой областью HTML
- 12. Советник, не работающий над текстовой областью bootstrap
- 13. Как заменить ввод текстовой областью, сохраняющей все атрибуты с помощью jQuery?
- 14. Как сделать директивную работу с текстовой областью с помощью AngularJS?
- 15. Ввод текстовой анимации с использованием jQuery
- 16. R блестящий сохранить ввод текстовой области глобально
- 17. Ввод текстовой метки над полем ввода
- 18. Ввод текста с вкладкой
- 19. У вас возникли проблемы с созданием текстовой области (связанной с текстовой областью/полем)
- 20. Проблема с текстовой областью FireFox в модальном диалоге
- 21. Какао: как реализовать пользовательский NSView с редактируемой текстовой областью?
- 22. Фиксированная высоты с псевдоожиженномом текстовой областью макс высоты - Переполнение авто
- 23. Как использовать тестовый стенд Vaadin с богатой текстовой областью?
- 24. Текст центра вертикально рядом с текстовой областью из одной строки?
- 25. update_option с текстовой областью, содержащей html и php
- 26. Внесите форму с флажком и текстовой областью в install4j
- 27. JQuery Mobile - Поместите кнопку ввода рядом с текстовой областью ввода
- 28. JQuery Modal Dialog с раскрывающимся списком и встроенной текстовой областью
- 29. Java. Как создать JPanel с изменяемой размерной областью текста и фиксированной областью кнопок?
- 30. Стриптиз цитат из Wordpress shortcode, вставленный текстовой областью
Это отличается. Очень, очень разные. –
с TinyMCE можно разрешить только пару кнопок? Как только разрешить пользователям делать BOLD, Italic и размер шрифта? –
Больше не нужно: Да, вы можете это сделать. – Cadoc