VPF::Редактирование содержимого ифрейма

fen0men

Дата 8.11.2008, 01:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 28
Регистрация: 15.2.2008

Репутация: нет
Всего: нет

Здравствуйте! Помогите решить задачку... Делаю свой WYSIWYG-редактор. Есть там у меня ифрейм. Мне нужно, чтобы его можно было редактировать: добавлять теги по нажатию кнопки.

Michael.de

Дата 8.11.2008, 05:03 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 346
Регистрация: 22.3.2005
Где: Deutschland

Репутация: 2
Всего: 9

fen0men, может это поможет:

Код


<html>
<head>
<script type='text/javascript'>
var ta, d, i;
function init(){
 d=document.getElementById('n1');
 ta=document.getElementById('ta');
 i=document.forms['formular'].elements['input'];
 d.innerHTML=i.value;
}

function refresh(){
 d.innerHTML=i.value;
}

function insert(par){
 var bT, eT, insText;
 bT='<'+par+'>'; eT='</'+par+'>';
 i.focus();
 if (typeof document.selection!='undefined'){
  var range=document.selection.createRange();
  insText=range.text;
  range.text=bT+insText+eT;
  range=document.selection.createRange();
  insText.length ? range.moveStart('character',bT.length+insText.length+eT.length) : range.move('character',-eT.length);
  range.select();
 }
 else if (typeof i.selectionStart!='undefined'){
  var start, end, pos;
  start=i.selectionStart;
  end=i.selectionEnd;
  insText=i.value.substring(start,end);
  i.value=i.value.substr(0,start)+bT+insText+eT+i.value.substr(end);
  insText.length ? pos=start+bT.length+insText.length+eT.length : pos=start+bT.length;
  i.selectionStart=pos;
  i.selectionEnd=pos;
 }
 else {
  var pos, re;
  re=new RegExp('^[0-9]{0,3}$');
  while(!re.test(pos)) pos=prompt('Insert at position (0..'+i.value.length+'):','0');
  if (pos>i.value.length) pos=i.value.length;
  insText=prompt('Please, type your text here:');
  i.value=i.value.substr(0,pos)+bT+insText+eT+i.value.substr(pos);
 }
 refresh();
}
</script>
</head>
<body onload='init();'>
<h1>Presentation: inserting content into a Textarea</h1>
<form name='formular' action=''>
<textarea id='ta' name='input' cols='30' rows='10'>Your message</textarea>
<div id='n1' style='background-color:#FFE;border:1px solid #55A;padding:2px'></div><br/>
<!-- Here you can add new buttons: -->
<input type='button' value='<b>' onClick="insert('b');">
<input type='button' value='<i>' onClick="insert('i');">
<input type='button' value='<u>' onClick="insert('u');">
<input type='button' value='<s>' onClick="insert('s');">&nbsp;
<!-- End of inserting -->
<input type='button' value='Refresh' onClick='refresh();'>
</form>
</body>
</html>

Ценного там только ф-ция insert()
P.S. посмотри заодно эту тему

Это сообщение отредактировал(а) Michael.de - 8.11.2008, 05:05

fen0men

Дата 8.11.2008, 16:33 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 28
Регистрация: 15.2.2008

Репутация: нет
Всего: нет

К сожалению не то...

Michael.de

Дата 8.11.2008, 18:11 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 346
Регистрация: 22.3.2005
Где: Deutschland

Репутация: 2
Всего: 9

Тогда расписывай всё подробнее, приведи пример тобой написанного кода. Ибо это

Цитата(fen0men @ 8.11.2008, 01:07

)

Мне нужно, чтобы его можно было редактировать: добавлять теги по нажатию кнопки.

довольно расплывчато...

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »