Помощник
|
Как заставить <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
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Вёрстка HTML-писем | 30 | Vampler | 28840 | Вчера, 12:41 автор: Vampler |
|
Большие ставки для кликов в Я.Директ. Как удешевить? | 2 | rownong27 | 1117 | 26.3.2024, 14:13 автор: knezevolk |
|
Как вы бросили работу и перешли на заработок с сайтов? | 12 | uahomka | 2288 | 25.3.2024, 6:52 автор: Skyworker |
|
Как отозвать банковский платеж фрилансеру? | 28 | metvekot | 3912 | 25.3.2024, 6:34 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 23 | freeax | 3637 | 24.3.2024, 20:55 автор: Liudmila |
Текстовая версия | Сейчас: 28.3.2024, 20:45 |