Сделать нечто похожее на виндовый notepad из CKEditor
Сделать что-то типа онлайн редактора из CKEditor и php библиотек html2pdf & html2docx
Нужно сделать нечто, похожее на окно обычного виндового notepad - в верхней части окна выпадающие меню файл, правка, формат, помощь, а ниже меню вся область - это панели инструментов от CKEditor и само поле редактирования (занимающее всю остальную свободную часть окна).
Для операций Export as pdf и Export as .docx - вызывать библиотеки html2pdf & html2docx (они написаны на php и их можно качнуть в инете).
Даже есть "набросок" с неработающими пунктами меню, поломанной версткой, и редактором на CKEditor, который почему-то заполняет весь размер окна по высоте - можно доделывать этот вариант, можно начать с нуля, но не привлекая в проект никакие новые библиотеки на php и никаких внешних библиотек на js (все библиотеки типа jquery/ckeditor и тд надо будет скачать и положить рядом с проектом!).
При открытии этой веб-страницы внутри редактора должна быть загружен какой-нибудь текст с разметкой (ну например
фраза Hello world написанная несколько раз с разными шрифтами и цветами).
Пункты меню, если нет коментария значит ищем такую функцию в CKEditor, у него на панели инструментов точно есть такая кнопка, надо просто симитировать нажатие по той кнопке.
File
- New #открываем новое окно, с тем же hello world
- Open #открываем файл пользователя, содержащий html, - возможно придется завести какой-то вспомогательный php
#для его чтения
- Save as #выплевываем содержимое редактора в html формате - возможно придется завести какой-то вспомогательный php
#для его этого
- Export as pdf #вызываем .php файл содержащий вызов html2pdf - фактически пара строчек кода на php
- Export as docx #вызываем .php файл содержащий вызов html2docx
Edit
- Find
- Replace
Insert
- Smiles
- Special symbol
- Link
- Anchor
- Image
Help
- About #открыть диалог (например используя jquery), в котором написать типа "Simple html editor, (c) somebody"
Должно работать в safari, chrome, firefox, msie 10+
Все это - демонстрация технологии. То есть никто реально пользоваться этим не будет, код смотреть не будет, но все должно быть красивенько (в том числе чтобы полосы прокрутки по вертикали и горизонтали не появлялись, чтобы создавать эффект нативного приложения!), и чтобы все пункты меню реально работали! Минифицировать код не нужно. Если будет архисложно реализовывать какой-то пункт меню (кроме export as.. ) - сообщите нам, возможно мы разрешим вам его не реализовывать.
Ссылки - демо от самого CKEditor http://ckeditor.com/demo#full
html2docs https://htmltodocx.codeplex.com/releases/view/101183
html2pdf http://html2pdf.fr/en/example
Вот наброски, но в них проблемы:
Меню на чистом css (взято тут http://www.script-tutorials.com/creating-css3-dropdown-menu-2/ ) - что-то сдвигает контент страницы при выпадании подменю. При сильном уменьшении ширины окна справа от
посл. пункта меню вылезает какой-то div. Мы не против, если прикрутите другую реализацию меню, можно на jquery (но не на java или flash!). Мы не против если прикрутите bootstrap (но лучше версию по-новее).
CKEditor не удалось заставить занимать все свободное место в окне. Он должен автоматически занимать всю свободную ширину и высоту. В инете полно советов как это сделать для предыдущ. версий, но ничего с текущей версией CKEditor не смогли заставить работать. Разрешается использовать предыдущую версию.
После того как выберите реализацию меню, согласуйте его внешний вид с нами! И только потом продолжите делать все остальное.
PHP код писать так, чтобы работало на php5.3 (то есть без фишек более свежих версий языка)
Расположение - /app/ - туда класть index.html либо index.php
Если вы не знаете php, можем попытать помочь с ним. Но там реально в сумме строк 10 кода требуется.
Прикладываем набросок. CKEditor/html2pdf/html2docx качните по ссылкам выше.
Оплатим вебмани или ЯДом.