Помощник
|
Как заставить <TEXTAREA> обрабатывать html код. |
oboroten_hb
|
Сообщение
#1
|
||
|
|
||
|
|||
oboroten_hb
|
Сообщение
#2
|
|
Всё ответ на данную проблему найден, может кому нибудь тоже пригодится:
<html>
<head> <title>Простой ВИСИВИГ (WYSIWYG)</title> <style type="text/css"> body {margin:10px;} iframe { width:500px; height:300px; border:1px solid #000; margin-bottom:5px; } input {margin-right:5px; padding:3px;} .bold {font-weight:bold;} .ital {font-style:italic;} .under {text-decoration:underline;} </style> </head> <body> <h1>Простейший визуальный редактор</h1> <script type="text/javascript"> // *********************** // ШАГ 1: вывод iframe и получение доступа к нему // *********************** // Выводим в HTML-поток iframe document.write("<iframe scrolling='no' frameborder='no' src='#' id='frameId' name='frameId'></iframe><br/>"); // Определим Gecko-браузеры, т.к. они отличаются в своей работе от Оперы и IE var isGecko = navigator.userAgent.toLowerCase().indexOf("gecko") != -1; // Получаем доступ к объектам window & document для ифрейма var iframe = (isGecko) ? document.getElementById("frameId") : frames["frameId"]; var iWin = (isGecko) ? iframe.contentWindow : iframe.window; var iDoc = (isGecko) ? iframe.contentDocument : iframe.document; // *********************** // ШАГ 2: Добавим на пустую страницу ифрейма произвольный HTML-код // *********************** // Формируем HTML-код iHTML = "<html><head>\n"; iHTML += "<style>\n"; iHTML += "body, div, p, td {font-size:12px; font-family:tahoma; margin:0px; padding:0px;}"; iHTML += "body {margin:5px;}"; iHTML += "</style>\n"; iHTML += "<body><u>Содержимое</u> с <b>HTML</b>-<i>разметкой</i></body>"; iHTML += "</html>"; // Добавляем его с помощью методов объекта document iDoc.open(); iDoc.write(iHTML); iDoc.close(); // *********************** // ШАГ 3: Инициализация свойства designMode объекта document // *********************** if (!iDoc.designMode) alert("Визуальный режим редактирования не поддерживается Вашим браузером"); else iDoc.designMode = (isGecko) ? "on" : "On"; // *********************** // ШАГ 4: Простейшие элементы редактирования: жирность, курсив, подчеркивание // *********************** // Выведем HTML-код этих элементов document.write("<input type='button' value='Ж' onclick='setBold()' class='bold' />"); document.write("<input type='button' value='К' onclick='setItal()' class='ital' />"); document.write("<input type='button' value='Ч' onclick='setUnder()' class='under' />"); // Запишем код функции, для выставления форматирования // Используется метод execCommand объекта document function setBold() { iWin.focus(); iWin.document.execCommand("bold", null, ""); } function setItal() { iWin.focus(); iWin.document.execCommand("italic", null, ""); } function setUnder() { iWin.focus(); iWin.document.execCommand("underline", null, ""); } </script> </body> </html> |
|
|
Zit |
18.11.2016, 23:53;
Ответить: Zit
Сообщение
#3
|
|
|
Кто подскажет начинающему программеру. Как данные этого скрипта отправить методом POST
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Арбитражники, как ведете учет расходов и доходов? | 11 | Boymaster | 1796 | 17.4.2024, 23:35 автор: Boymaster |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4806 | 17.4.2024, 1:19 автор: sergio11 |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19705 | 8.4.2024, 10:37 автор: Skyworker |
|
Как вы бросили работу и перешли на заработок с сайтов? | 18 | uahomka | 3094 | 5.4.2024, 5:53 автор: Skyworker |
|
Как бездомные хранят деньги? | 81 | metvekot | 13652 | 31.3.2024, 12:44 автор: Boymaster |
Текстовая версия | Сейчас: 19.4.2024, 6:30 |