Помощник
|
Как заставить <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
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Как в пушсетках покупают по 100-200 тысяч кликов за день? | 2 | Boymaster | 694 | Вчера, 17:52 автор: Boymaster |
|
Как вы отдыхаете от работы за компом | 151 | adw-kupon.ru | 19860 | 23.4.2024, 13:52 автор: Vmir |
|
Как вы бросили работу и перешли на заработок с сайтов? | 20 | uahomka | 3472 | 23.4.2024, 11:54 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 30 | freeax | 5040 | 20.4.2024, 16:49 автор: Liudmila |
|
Арбитражники, как ведете учет расходов и доходов? | 13 | Boymaster | 2036 | 20.4.2024, 15:06 автор: Boymaster |
Текстовая версия | Сейчас: 25.4.2024, 10:28 |