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

Question

В течение последних нескольких лет я объединил различные редакторы HTML WYSIWYG, но, думаю, я наткнулся на эту кирпичную стену.

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

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

Спасибо.

Answer 1

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

===

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

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

• Рафаэль 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 совместимость слой для холста элемента) http://excanvas.sourceforge.net/
• холст-текст (текст, специфичные расширение браузеров с текстом поддержки бедных холст) : http://ajaxian.com/archives/canvas-text-add-text-functions-to-subpar-canvas-implementations

Answer 2

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