Браузерное/оконное приложение HTML+CSS+JS формирующее файл.
Здравствуйте.
Подскажите пожалуйста как заставить заработать следующий алгоритм. 1. Вызов html (или txt) файла. 2. Редактирование файла с помощью например TinyMCE, т.е. графический интерфейс, превращающий действия в код (WYSWYG) 3. Сохранение файла. Это должно работать на обычном ПК, причем без дополнительного софта. |
а что понимаете под дополнительным софтом?
веб сервер нужен с похапе или другим языком |
<!DOCTYPE html>
<head>
<script src="http://ckeditor.com/apps/ckeditor/4.2/ckeditor.js?mriyyd"></script>
<script src="http://ckeditor.com/apps/ckeditor/4.2/config.js?t=D6ID"></script>
<script src="http://eligrey.com/demos/FileSaver.js/Blob.js"></script>
<script src="http://eligrey.com/demos/FileSaver.js/FileSaver.js"></script>
</head>
<input id="input" type="file" accept="text/plain, text/html, application/xhtml+xml" />
<div id="editor"></div>
<button id="output">Сохранить в файл</button>
<script>
var editor = CKEDITOR.replace(document.querySelector('#editor'));
document.querySelector('#input').onchange = function(){
var reader = new FileReader();
reader.onload = function(e) {
editor.setData(this.result);
};
reader.readAsText(this.files[0]);
};
document.querySelector('#output').onclick = function() {
saveAs(new Blob([editor.getData()], {type: "text/html"}), 'file.html');
};
</script>
animhotep, че, говоришь, нужно? |
для этого нужен как минимум новый браузер, а это и ессь дополнительный софт ;)
|
animhotep: Простите, а в каком смысле "новый браузер"?
danik.js: Спасибо, я не знал про file.saver. Пока не пробовал вставить это дело в прожэкт, но на первый взгляд вроде все супер. Спасибо огромное еще раз. |
Цитата:
https://github.com/eligrey/FileSaver.js/ |
Опс, да это может стать проблемой... Хотя я все равно не могу заставить работать это так что бы все скрипты включая эдитор грузились с локальной машины...
|
почему? редактор можно спокойно скачать и подключать локально
|
Простите я видимо неправильно выразился. Просто не хотел писать мнгоабукав :) Не потому что мне лень - а потому что боялся что тому кто будет читать - будет лень :)
Принцип разрабатываемого приложения прост: 1. Есть некий файл в формате *.html (пусть будет index.html). Более того он обязательно должен быть сделан табличной версткой. Такое вот несовременное и попабольное требование. 2. С помощью кросплатформенного приложения (я выбрал браузер, но теперь уже и не знаю...) он должен быть отредактирован и сохранен. Теперь о проблемах. danik.js показал реализацию использующую файлсейвер, и чесно говоря мне она нравится. Но вот требование к наличию последних версий браузера... Впрочем это не самое главное. Мои кривые руки не могут добится что бы открытый файл был после сохранен в cp windows-1251, (meta тег я проставлял если что...) а так же в редакторе не отображается цвет ячеек таблицы... |
Цитата:
|
| Часовой пояс GMT +3, время: 05:37. |