X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как заставить <TEXTAREA> обрабатывать html код.
oboroten_hb
oboroten_hb
Topic Starter сообщение 8.2.2011, 8:51; Ответить: oboroten_hb
Сообщение #1


Здравствуйте уважаемые форумчане!

Я пишу полностью свою биллинг панель и столкнулся с данной проблемой:

  • Решил сделать свой ББ редактор.
  • Сам редактор написал легко и не каких проблем не возникло.


А проблема возникла в следующем:


  • Необходимо сделать так чтобы текст введённый в TEXTAREA отображался как на обычной странице в уже обработанном виде.
  • Так как реализовано на данном сайте
  • использование чужих WYSIWYG не предлагать, так как это полностью именная разработка и не хочу чужие продукты размещать на данном сайте.

Как я понимаю это реализуется на js и/или ajax.

За ранее всем признателен!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
oboroten_hb
oboroten_hb
Topic Starter сообщение 9.2.2011, 15:26; Ответить: 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
Zit
сообщение 18.11.2016, 23:53; Ответить: Zit
Сообщение #3


Кто подскажет начинающему программеру. Как данные этого скрипта отправить методом POST

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вёрстка HTML-писем
30 Vampler 28847 27.3.2024, 12:41
автор: Vampler
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1119 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2290 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3913 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3639 24.3.2024, 20:55
автор: Liudmila


 



RSS Текстовая версия Сейчас: 29.3.2024, 0:28
Дизайн