Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.01.2011, 09:39
Интересующийся
Отправить личное сообщение для javasc Посмотреть профиль Найти все сообщения от javasc
 
Регистрация: 08.11.2010
Сообщений: 20

Доработать wysiwyg.
Файл 1. .js
var textarea;
var content;
var i;

function edToolbar(obj) {
    document.write("<div class=\"toolbar\">");
	document.write("<img class=\"button\" style='cursor:pointer;' src=\"bbeditor/images/bold.gif\" name=\"btnBold\" title=\"Bold\" onClick=\"doAddTags('[b]','[/b]','" + obj + "')\">");
        document.write("<img class=\"button\" style='cursor:pointer;' src=\"bbeditor/images/italic.gif\" name=\"btnItalic\" title=\"Italic\" onClick=\"doAddTags('[i]','[/i]','" + obj + "')\">");
	document.write("<img class=\"button\" style='cursor:pointer;' src=\"bbeditor/images/underline.gif\" name=\"btnUnderline\" title=\"Underline\" onClick=\"doAddTags('[u]','[/u]','" + obj + "')\">");
	document.write("<img class=\"button\" style='cursor:pointer;' src=\"bbeditor/images/quote.gif\" name=\"btnQuote\" title=\"Quote\" onClick=\"doAddTags('[quote]','[/quote]','" + obj + "')\">"); 
  	document.write("<img class=\"button\" style='cursor:pointer;' src=\"bbeditor/images/code.gif\" name=\"btnCode\" title=\"Code\" onClick=\"doAddTags('[code]','[/code]','" + obj + "')\">");
    document.write("</div>");
}

function doAddTags(tag1,tag2,obj)
{
textarea = document.getElementById(obj);
	// Code for IE
		if (document.selection) 
			{
				textarea.focus();
				var sel = document.selection.createRange();
				//alert(sel.text);
				sel.text = tag1 + sel.text + tag2;
			}
   else 
    {  // Code for Mozilla Firefox
		var len = textarea.value.length;
	    var start = textarea.selectionStart;
		var end = textarea.selectionEnd;
		
		
		var scrollTop = textarea.scrollTop;
		var scrollLeft = textarea.scrollLeft;

		
        var sel = textarea.value.substring(start, end);
	    //alert(sel);
		var rep = tag1 + sel + tag2;
        textarea.value =  textarea.value.substring(0,start) + rep + textarea.value.substring(end,len);
		
		textarea.scrollTop = scrollTop;
		textarea.scrollLeft = scrollLeft;
		
		
	}
}

файл 2 1.js
function keyEv( evt,obj)
{
if( event.keyCode == 13 ) doAddTags("[br]","",obj);
}

файл 3 html
<script type="text/javascript" src="bbeditor/ed.js"></script>
<script type="text/javascript" src="bbeditor/1.js"></script> 
<form name="form1" method="post" action="#">
    <script>edToolbar('mytxtarea'); </script>
    <textarea name="mytxtarea" id="mytxtarea" class="ed" rows="10" cols="50" onKeyPress="keyEv( event,'mytxtarea')">This is a sample text</textarea><br>
  <input name="submit" type="submit" value="Submit!!!">
</form>


Задачи:
1.Обединить два js в один js.
2.Сделать чтобы редактирование текста было видно не в bb-кодах, а в виде полноценного html. НО при нажатии кнопки отправить отправлался текст с bb-кодами. Т.е. по идее должен быть еще один html textarea слой над bb-code textarea.

Вопрос:
Сколько стоить будет?

Последний раз редактировалось javasc, 22.01.2011 в 09:42.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Доработать скрипты! Верктов Алексей Работа 10 04.01.2011 10:23
ищу WYSIWYG редактор Sub-zerro Общие вопросы Javascript 4 29.12.2010 17:43
Вопрос по разработке wysiwyg gosha13 Элементы интерфейса 2 26.09.2009 09:52
jquery wysiwyg kolbaski jQuery 3 11.08.2009 18:07
WYSIWYG не могу поймать событие onkeypress scuter Общие вопросы Javascript 5 25.09.2008 16:14