Wysiwyg с копией/вставкой изображения

Во-первых, я понимаю, что изображение не может быть "скопировано" с локальной машины на веб-сайт. Я понимаю, что он должен быть загружен. Я веб-программист и знаком с обычными сетевыми wysiwyg-инструментами, такими как TinyMCE и FCKEditor. Мой вопрос в том, существует ли программа или веб-модуль или что-то вроде того, что работает, будет выполнять автоматическую загрузку изображений для wysiwyg. У меня есть клиент, который постоянно жалуется, что вы не можете копировать/вставлять документы с изображениями из MS Word в wysiwyg для создания контента на своем веб-сайте.

Я просмотрел TX Text Control (http://labs.textcontrol.com/) и изучал возможную флеш-wysiwyg, которая могла автоматически загружать файл за сцены. Я не знаю, существует ли это, и Google не очень помог мне в моем поиске, поэтому я подумал, что попрошу других кодеров.

Я открыт для любой серверной технологии или требований браузера. Я ищу некоторый инструмент, основанный на браузере, вместо инструмента приложения, такого как Dreamweaver или иначе.

Если не существует хорошего решения проблемы, я готов принять это в этот момент.

Примечание. Это был запрос от клиента, и для меня это выглядело довольно необоснованным. Я решил собрать совет сообщества, а не просто сказать клиенту "Нет", и здесь варианты были чрезвычайно полезны и информативны при представлении возможных решений.

Ответы

Ответ 1

Вы можете найти вдохновение из ScreenshotMe.

В основном вам нужны разные части:

  • что-то, что выводит изображение из буфера обмена и загружает его в Интернет: это может быть апплет java, flash или firefox. Flash или Java имеют преимущество в том, что они кросс-браузер
  • то вы используете тег <canvas> для отображения изображения после его загрузки (используйте explorercanvas, чтобы принести canvas в Internet Explorer)

Как я отметил в своем комментарии, Google прекращает передачу в пользу HTML5, посмотрите 7 User Interaction - HTML 5.

EDIT:

HTML5, когда он реализован, должен взаимодействовать с системным буфером обмена. Я предполагаю, что следующий сценарий будет работать:

До тех пор, пока не будет реализована перетаскивание и перенос HTML5, вам придется полагаться на Flash или (подписанный) Java-апплет для взаимодействия с буфером обмена.

Ответ 3

У меня есть клиент, который постоянно жалуется на невозможность копирования/вставки документов с изображениями из MS Word в wysiwyg для создания контента на своем веб-сайте.

И это не удастся. MS Word не создает корректный HTML, страницы будут отображаться некорректно для пользователей соответствующих браузеров. У Word также есть некоторые нечетные методы привязки изображений и текста, которые не будут транслироваться. Короче говоря, Word является плохой средой для разработки HTML.

Конечно, ваши клиенты, вероятно, не согласятся с тем, что приводит нас к варианту 2:

Поскольку ваш клиент выбрал Word как свой редактор WYSIWYG, очень мало смысла вставлять этот контент в другой редактор WYSIWYG. Оптимальным решением является поиск способов автоматизации экспорта HTML из Word или OPen Office. Это можно сделать, используя комбинацию VBA и серверной стороны script, чтобы сначала преобразовать документ в HTML (это также будет записывать изображения на диск), а затем загрузить объединенный контент на сервер.

Ответ 5

Я вижу, что это старый поток, но если кто-то все еще ищет что-то вроде этого (как и я), я наткнулся на продукт под названием textbox.io сегодня вечером от компании Ephox (похоже, они также выкупили TinyMCE).

Во всяком случае, это первый, если не только, редактор javascript/HTML5, который я нашел, который успешно вставляет изображения из слова, используя проприетарный плагин, который они называют PowerPaste. После первоначальной пасты он предлагает снова нажать пасту, чтобы импортировать изображения. Работала как шарм. Единственная проблема, с которой я столкнулся, заключалась в том, что она была очень дорогой для запуска, как тот, в котором я участвую в $500 + в месяц (± R6,650 + в месяц в ZAR), который, к сожалению,: (

Ответ 6

Только HTML

Вы можете использовать что-то, что (при перетаскивании) автоматически создает невидимую форму HTML, ввод файла, копирует путь имени файла в fileinput и отправляет форму.

Вы можете создать форму внутри невидимого iframe, чтобы отправить ее в фоновом режиме без изменения текущей страницы. Вы знаете, стандартная процедура Ajax.

Небольшая помощь для удаления/вставки

Я не знаю, разрешает ли HTML удаление элементов файла. Если это не так, вы можете посмотреть спецификацию HTML 5, которую Google пытается сделать.

Другой вариант - использовать какой-то богатый клиентский компонент (Java-апплет с Swing или Flash, или Silverlight или wathever), по крайней мере, для понимания удаления файла (или вставки) и создания формы HTML.

Почему я предпочитаю отправлять форму

Я предпочитаю создание формы над апплетом, отправляющим файл, потому что для него не требуется другой специальный порт на сервере или что-то в этом роде.

Ответ 7

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

  • Когда я копирую + вставляю изображение из документа сохраненного OpenOffice (не работает с несохраненным) в экземпляр CKEDitor - у меня нет MS Word здесь для тестирования но я полагаю, что он работает аналогично - я получаю следующий HTML, вставленный в редактор:

    <img src="file:///C:/Users/PEKKAG%7E1/AppData/Local/Temp/moz-screenshot-4.png">

    возможно было бы настроить флеш-память или загрузчик Java таким образом, чтобы этот файл можно было получить с очень небольшим взаимодействием с пользователем. Возможность извлекать файлы с компьютера пользователя - это ужасное отверстие безопасности, но возможно, возможно, по крайней мере предварительно установить загрузчик в каталог каталога temp.

  • Однако метод Canvas, который упоминает Грегори Пакосз, я считаю наиболее интересным, потому что таким образом можно было бы хранить изображение на стороне сервера без каких-либо загрузок. Тем не менее применяются те же ограничения безопасности, что и в приведенном выше примере. Изображение находится в другом домене и поэтому не может быть прочитано script на странице. Нужно найти способ обойти это с помощью настроек браузера или написать пользовательское расширение.

Ответ 8

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

То, что вы, кажется, описываете, похоже на контент управления в некоторых отношениях и создания статических веб-страницы в других.

Я соглашусь, что ваш клиент хочет, чтобы посетители веб-сайт для просмотра таких документов, как страницы HTML, а не как типы Word MIME.

Некоторые параметры:

  • используйте Word для сохранения в формате HTML. Не самый чистый HTML-код  но, вероятно, самое чистое решение.

  • попросите вашего клиента приобрести такой продукт, как Dreamweaver  который будет импортировать документ Word  и очистить Word сгенерированный HTML.

  • если у вашего клиента много денег, разработайте собственный  решение с использованием VSTO

Ответ 9

Мой вопрос в том, существует ли программа или веб-модуль или что-то вроде того, что работает, будет выполнять автоматическую загрузку изображений для wysiwyg

XStandard Pro загрузит изображения на сервер, вставленный из Word или других приложений/файловой системы.

Ответ 10

В поисках аналогичного решения я заметил, что GMail позволяет его копировать и вставлять из браузера.

Если вы скопируете из Word, он, как представляется, знает размеры изображения (вы можете увидеть контур изображения), но на самом деле он не вставляет/не загружает изображение.

В приложениях для настольных компьютеров, отличных от Office, поддержка не поддерживается.

Итак, исходя из предположения, что инженеры Google посвятили этому серьезное время, я подозреваю, что он не работает с настольными приложениями, но может быть, если бы вы могли найти быстрый способ сохранить контент в Интернете (например, используя Word блог или Сохранить как HTML), вы можете затем скопировать и вставить из этого, если ваш клиент готов выполнить этот дополнительный шаг, и вы можете разрешить им сохранять непосредственно на веб-сервере.

Ник