| |
|
|
| | А как сделать как здесь
http://cards.yandex.ru/card.xml?card_id=1892&date=2008-06-12 (т.е. когда в визуальном редакторе набираешь, чтобы рядом отображалось то что набираешь, только не в визуальном редакторе это набиралось, а в обычном текстареа, и теги типа [b][/b] [i][/i] заменял на <b> </b> и <i> </i> соответственно , а [url]www.sait.ru[/url] на <a href=www.sait.ru target=_blank>www.sait.ru</a> | |
| |
|
|
| |
|
|
| |
для: v_q
(11.06.2008 в 16:38)
| | | Это: [b][/b], [i][/i], [url[/url] и подобное называется ВВ-кодом, и служит как раз для того, чтобы по приему на сервере данных из текстовой области, превращать этот ВВ-код в: <b>жирный</b>, <i>наклнный</i>, [url]url[/url] и подобное. | |
| |
|
|
| |
|
|
| |
для: sim5
(11.06.2008 в 16:45)
| | | А как сделать, чтобы js это делал и отображал как там? | |
| |
|
|
| |
|
|
| |
для: v_q
(12.06.2008 в 00:16)
| | | Не понял, вы хотите чтобы textarea отображала шрифт со стилями, а ссылка вела себя ссылкой? | |
| |
|
|
| |
|
|
| |
для: v_q
(12.06.2008 в 00:16)
| | | Как я понял, вы хотите реализовать на Javascript'e предпросмотр написанного в TEXTAREA?
Загрузите js-файл http://fastbb.ru/js/gb_forum.js - там посмотрите функцию predosmotr () - все BB-теги преобразуются в HTML-теги посредством регулярных выражений. | |
| |
|
|
| |
|
|
| |
для: PAT
(12.06.2008 в 04:23)
| | | А как её использовать чтобы работала как здесь?
http://cards.yandex.ru/card.xml?card_id=1892&date=2008-06-12
покажите пожалуйста, а то я в js не очень | |
| |
|
|
| |
|
|
| |
для: v_q
(12.06.2008 в 04:51)
| | | Вот так:
<textarea id="edit-text" name="card_text" class="b-write-post" rows="5"
cols="20" wysiwyg="default" wysiwygHeight="75"></textarea><script type="text/javascript">
y5.require('CallBacks', function() {
y5.CallBacks.add('tinyMCEisReady', updatePreview, y5, true);
Autoarea.prototype.initWysiwyg();
window.setTimeout(function() {
new Autoarea(document.getElementById('edit-text'), null, true);
}, 1000);
});
</script><style type="text/css">@import "/js/tinymce/css/autoarea_wysiwyg.css";</style>
<!--[if lte IE 7]><style type="text/css">@import "/js/tinymce/css/autoarea_wysiwyg-ie.css";</style><![endif]-->
|
Плюс подключаемый JS. | |
| |
|
|
| |
 739 байт |
|
| |
для: sim5
(12.06.2008 в 05:14)
| | | Вот короче пример во вложенном файле того что хотел
хотел бы сделать так что бы перенос строки отображался как перенос строки при предпросмотре, а [b][/b] [i][/i] и [url][/url] отображались как так как должны отображаться при преобразованиии, о котором я писал выше
файл http://fastbb.ru/js/gb_forum.js посмотрел и там функцию predosmotr ()
но ничего у меня не получилось
Во вложенном файле
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
function processText(element)
{
document.getElementById('ad-text').innerHTML = element.value;
var banner_body = element.value;
banner_body=banner_body.replace(/\[\/font\]/gi, "<\/font>");
if (banner_body.match(/\#[^\#]*?\#/))
banner_body = banner_body.replace(/\#/g, '');
document.getElementById('counter-text').innerHTML = 75 - banner_body.length;
if ( banner_body.length <= 75){
document.getElementById('counter-text').className = 'counter';
} else {
document.getElementById('counter-text').className = 'overflow';
}
toggle_lang_warning(get_inputs_text(['title', 'body']));
}
</script>
<div id="ad-text">Текст объявления</div>
<textarea cols="40" rows="4" style="width: 100%;" name="body" id="body" onKeyUp="processText(this)" onkeypress="processText(this)" tabindex="1"></textarea>
</body>
</html>
Многое можно убрать, все равно будет работать
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
function processText(element)
{
document.getElementById('ad-text').innerHTML = element.value;
}
</script>
<div id="ad-text">Текст объявления</div>
<textarea cols="40" rows="4" style="width: 100%;" name="body" id="body" onKeyUp="processText(this)" onkeypress="processText(this)" tabindex="1"></textarea>
</body>
</html> | |
| |
|
|
| |
|
|
| |
для: v_q
(12.06.2008 в 07:15)
| | | В общем, если я вас правильно понимаю, вы хотите TinyMCE. | |
| |
|
|
