Трабл с разработкой визивика.

Sarin2.0 · №1

За основу взято вот это: http://xpoint.ru/know-how/WYSIWYG/TrueJ … tEditor?65
Возникает проблема с форматированием текста.
Там описан такой метод:
document.execCommand("formatBlock", false, "<h1>")
Но данный способ обрамляет в теги не область выделения, а всю строку. А в эксплоррере вообще не работает.

Какие варианты есть?

Anton · №2

Sarin2.0 пишет

...
Но данный способ обрамляет в теги не область выделения, а всю строку...

Думаю, стоит обратить внимание на http://xpoint.ru/know-how/WYSIWYG/TrueJ … SlovInline

...А в эксплоррере вообще не работает.
...

В эксплорере работает точно так же. Вот мой тестовый код:

Выделить код

Код:

<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 </head>
   <body>
        <script type="text/javascript" src="editor.js"></script>
        <textarea style="width:100%;height:350px;" id="wysiwyg_textarea"></textarea>
        <iframe id="wysiwyg_iframe" style="width:100%;height:350px;display:none;"
                src="about:blank"></iframe>
        <button
            onclick="wysiwyg_switch_mode('wysiwyg_textarea', 'wysiwyg_iframe')">Переключить режим отображения</button>
        <button onclick="wysiwyg_format_block('wysiwyg_iframe', 'h1', '')">h1</button>
   </body>
</html>

Подозреваю, что неработоспособность может быть связана с кодировкой (в js имеются кириллические комментарии). Пишите в utf-8.

Sarin2.0 · №3

Anton пишет

:::: Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.8) Gecko/20051107 Firefox/1.5
Работать то работает, но форматирует не выделенный текст а всю строку.

Anton · №4

Sarin2.0 пишет

...
Работать то работает, но форматирует не выделенный текст а всю строку.

Думаю, стоит обратить внимание на http://xpoint.ru/know-how/WYSIWYG/TrueJ … SlovInline

Функция format_inline. На данный момент работает только в IE (мне удалось заставить её работать, закомментировав вызов clean_nodes, после чего она как-то работает и в FF).

А всякие bold'ы и italic'и форматируют только выделенные фрагменты.

Отредактировано Anton (16-02-2006 13:14:05)

Sarin2.0 · №5

Anton пишет

Sarin2.0 пишет
...
Работать то работает, но форматирует не выделенный текст а всю строку.
Думаю, стоит обратить внимание на http://xpoint.ru/know-how/WYSIWYG/TrueJ … SlovInline
Функция format_inline. На данный момент работает только в IE (мне удалось заставить её работать, закомментировав вызов clean_nodes, после чего она как-то работает и в FF).
А всякие bold'ы и italic'и форматируют только выделенные фрагменты.

Я наверное дурак.

Если у Вас есть реализованный редактор из этого примера, то пришлите его мне пожалуйста на sarin2.0@gmale.com
Заранее благодарю.

Anton · №6

Sarin2.0 пишет

...
Если у Вас есть реализованный редактор из этого примера...

Только то, что в примере, не более.

1. Комментируем вызов clean_nodes из функции format_inline:

Выделить код

Код:

...
   // В MSIE после RemoveFormat остаются span-ы, удалим их тоже
   //clean_nodes(get_selected_tags(iframe.contentWindow, 'span'))
...

2. в <button onclick вместо

Выделить код

Код:

wysiwyg_format_block('wysiwyg_iframe', 'h1', '')

пишем

Выделить код

Код:

format_inline('wysiwyg_iframe', 'h1', '')

после чего <h1></h1> будут обрамлять именно выделенный текст. Работает это в MSIE, в FF тоже работает, но кое-как и не сразу.

Sarin2.0 · №7

Чёт у мя ни там ни там никак не работает.

Может есть где пример, как это заставить работать в лисе. Ведь есть же нормальные визивики, которые и там и там пашут одинаково нормально.

Полезная информация

№116-02-2006 00:06:52