Редактор VML / SVG на странице HTML

Question

За последние несколько лет я интегрировал различные WYSIWYG HTML-редакторы, но, думаю, я столкнулся с кирпичной стеной.

Нам нужен способ, чтобы люди могли редактировать текст, который при визуализации превращается в VML / SVG, но остается редактируемым, с минимальными стилями, такими как жирный шрифт, курсив, начертание и размер шрифта, и, если возможно, возможностью создавать текстовую область где угодно на холсте. В Документах Google есть то, что кажется одним из них в редакторе презентаций. Нечто подобное будет работать - очень близко к тому, что мы ищем.

Кто-нибудь знает о коммерческом или бесплатном редакторе, который делает это (должен быть основан на браузере), и если нет, кто-нибудь подходил к этому, и если да, каковы были ваши результаты. Любая другая информация, ссылки, предложения и т. Д. Приветствуются - я, кажется, наткнулся на кирпичную стену на этом.

Спасибо.

Answer 1

Вы можете попробовать http://svg -edit.googlecode.com / , хотя мы не переводим в VML (мы требуем, чтобы пользователи IE установили плагин Google Chrome Frame).

Answer 2

Сначала один важный вопрос: почему конкретно вывод WYSIWYG-редактора должен быть в VML / SVG?

===

Я не знаю ни одного существующего редактора, который соответствует вашему описанию. Возможно, вам придется написать один самостоятельно. Если вы собираетесь накатить свои собственные, у меня есть два предложения; одна из которых я менее уверен с точки зрения возможностей, а другая - не совсем уверена в последствиях производительности из-за огромного количества задействованных библиотек. В любом случае, на мой взгляд, это две лучшие ставки:

1) Если вы намереваетесь использовать VML / SVG, я знаю одну библиотеку, которая может объединить эти две библиотеки, - RaphaelJS, которая имеет некоторую степень поддержки текста, но я действительно не уверен, насколько сложна степень манипулирования текст:

• Raphael JS lib: http://raphaeljs.com/index.html

2) Можете ли вы вместо этого использовать VML / Canvas? Я бы порекомендовал использовать VML / Canvas через библиотеку exCanvas (которая позволяет писать код с помощью элемента canvas HTML5, который автоматически переводится в VML в браузерах IE / Trident), в дополнение к новой библиотеке canvas-text.

• Общая информация о холсте (общий чертеж API): https://developer.mozilla.org/en/Canvas_tutorial
• exCanvas (слой совместимости IE для элемента canvas) http://excanvas.sourceforge.net/
• canvas-text (специфичное для текста расширение для браузеров с плохой поддержкой текста canvas): http://ajaxian.com/archives/canvas-text-add-text-functions-to-subpar-canvas-implementations