Редактор VML/SVG на странице HTML
За последние несколько лет я интегрировал различные редакторы WYSIWYG HTML, но я думаю, что я столкнулся с кирпичной стеной на этом.
Нам нужен способ, чтобы люди могли редактировать текст, который при визуализации превращается в VML/SVG, но остается редактируемым, с минимальными стилями, такими как полужирный шрифт, курсив, начертание и размер шрифта и, если возможно, возможность создания текстовой области в любом месте на холсте., Документы Google имеют то, что кажется одним из них в редакторе презентаций. Нечто подобное будет работать - очень близко к тому, что мы ищем.
Кто-нибудь знает о коммерческом или бесплатном редакторе, который это делает (должен быть основан на браузере), и если нет, то кто-нибудь подходил к этому, и если да, каковы были ваши результаты. Любая другая информация, ссылки, предложения и т. Д. Приветствуются - я, кажется, ударил кирпичную стену на этом.
Благодарю.
2 ответа
Вы можете попробовать http://svg-edit.googlecode.com/ хотя мы не переводим на VML (мы требуем, чтобы пользователи IE установили плагин Google Chrome Frame).
Сначала один важный вопрос: почему конкретно выход 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/
- текст холста (специфичное для текста расширение для браузеров с плохой поддержкой текста холста): http://ajaxian.com/archives/canvas-text-add-text-functions-to-subpar-canvas-implementations