Редактор WISIWING - редактирование текстов

[banyman]

Я использую свой простой редактор. Там все самые необходимые теги для форматрования текстов и используется фрейм.

Добавляется отформатированный текст отлично - все работает... но вот редактировать текст - тут проблема: нужно как-то загнать текст в фрейм. Все работает на JavaScript

<form id="myform" name="myform" action="check_text.php" method="post" enctype="multipart/form-data">
   	<input id="Text" name="Text" type="hidden" />
</form>


  <script>
  function Post()
  {
	document.myform.Text.value=newTextArea.document.body.innerHTML;
	myform.submit();
  }  


  function EditorExecCommand(command_param)
  {
	var tr = frames.newTextArea.document.selection.createRange();
	tr.select();
	tr.execCommand(command_param);
	frames.newTextArea.focus();
  }
</script>
  <div>
	<table cellpadding=0 cellspacing=0 width=500> 
	  <tr> 
		<td height=26> 
		  <img src="bold.jpg" onClick="EditorExecCommand('Bold')" title="Жирный">
		  <img src="italic.jpg" onClick="EditorExecCommand('Italic')" title="Курсив">
		  <img src="underline.jpg" onClick="EditorExecCommand('Underline')" title="Подчеркнутый">
		  <img src="spacer.jpg">
		  <img src="left.jpg" onClick="EditorExecCommand('JustifyLeft')" title="Выровнять по левому краю">
		  <img src="center.jpg" onClick="EditorExecCommand('JustifyCenter')" title="Выровнять по центру краю">
		  <img src="right.jpg" onClick="EditorExecCommand('JustifyRight')" title="Выровнять по правому краю">
		  <img src="spacer.jpg"> 
		  <img src="numlist.jpg" onClick="EditorExecCommand('InsertOrderedList')" title="Нумерованый список">
		  <img src="marklist.jpg" onClick="EditorExecCommand('InsertUnorderedList')" title="Маркированный список">
		  <img src="spacer.jpg"> 
		</td> 
	  </tr> 
	</table> 
	<p>
	<iframe width="500" height="400" id="newTextArea" name="newTextArea"></iframe> 
	</p>
	<p>
	<input type="button" onClick="Post()" value="Добавить запись" />
	</p>
  </div> 
  <script> 
	newTextArea.document.designMode = "on"; 
	newTextArea.document.open(); 
	newTextArea.document.write('TEXT'); 
	newTextArea.document.close(); 
  </script>

Может у кого-то есть идеи, как это реализовать...

[ZoNT]

нужны идеи - возьми покопай исходники tinyMCE

[banyman]

Спасибо

Вот так данные отобрадаются в html коде - то есть попадают в редактор с изнанки, но в браузере с фрейме не отображаются

  <script> 
	newTextArea.document.designMode = "on"; 
	newTextArea.document.open(); 
	newTextArea.document.write('<? echo "$text"; ?>'); 
	newTextArea.document.close(); 
  </script>

[ZoNT]

я ж говорю - покопай исходники! В дезайнмоде контент не так вставляется..

[ZoNT]

вот кусок кода тиниМЦЕ:

_setHTML : function(doc, html_content) {
		// Force closed anchors open
		//html_content = html_content.replace(new RegExp('<a(.*?)/>', 'gi'), '<a$1></a>');

		html_content = tinyMCE.cleanupHTMLCode(html_content);

		// Try innerHTML if it fails use pasteHTML in MSIE
		try {
			tinyMCE.setInnerHTML(doc.body, html_content);
		} catch (e) {
			if (this.isMSIE)
				doc.body.createTextRange().pasteHTML(html_content);
		}

		// Content duplication bug fix
		if (tinyMCE.isIE && tinyMCE.settings['fix_content_duplication']) {
			// Remove P elements in P elements
			var paras = doc.getElementsByTagName("P");
			for (var i=0; i<paras.length; i++) {
				var node = paras[i];
				while ((node = node.parentNode) != null) {
					if (node.nodeName == "P")
						node.outerHTML = node.innerHTML;
				}
			}

			// Content duplication bug fix (Seems to be word crap)
			var html = doc.body.innerHTML;
/*
			if (html.indexOf('="mso') != -1) {
				for (var i=0; i<doc.body.all.length; i++) {
					var el = doc.body.all[i];
					el.removeAttribute("className","",0);
					el.removeAttribute("style","",0);
				}

				html = doc.body.innerHTML;
				html = tinyMCE.regexpReplace(html, "<o:p></o:p>", "
");
				html = tinyMCE.regexpReplace(html, "<o:p> </o:p>", "");
				html = tinyMCE.regexpReplace(html, "<st1:.*?>", "");
				html = tinyMCE.regexpReplace(html, "<p></p>", "");
				html = tinyMCE.regexpReplace(html, "<p></p>rn<p></p>", "");
				html = tinyMCE.regexpReplace(html, "<p> </p>", "
");
				html = tinyMCE.regexpReplace(html, "<p>s*(<p>s*)?", "<p>");
				html = tinyMCE.regexpReplace(html, "</p>s*(</p>s*)?", "</p>");
			}*/

			// Always set the htmlText output
			tinyMCE.setInnerHTML(doc.body, html);
		}

		tinyMCE.cleanupAnchors(doc);

		if (tinyMCE.getParam("convert_fonts_to_spans"))
			tinyMCE.convertSpansToFonts(doc);
	},

Предупреждаю: сам не разбирался, но место вроде верное. Можешь взять идею и применить в сво?м коде...

[banyman]

Спасибо я так думаю, что нужно будет очистить код от тегов перед загрузкой в фрейм... т.к. без тегов "фокус" проходит сейчас покапаю твой кусочек

[ZoNT]

Это не мой кусок. Это http://tinymce.moxiecode.com/example_full.php?example=true