Форум

MaximusGrek · #1 (**permalink**) 15.08.2013, 10:56

Здравствуйте.

Подскажите пожалуйста как заставить заработать следующий алгоритм.

1. Вызов html (или txt) файла.
2. Редактирование файла с помощью например TinyMCE, т.е. графический интерфейс, превращающий действия в код (WYSWYG)
3. Сохранение файла.

Это должно работать на обычном ПК, причем без дополнительного софта.

animhotep · #2 (**permalink**) 15.08.2013, 12:16

а что понимаете под дополнительным софтом?
веб сервер нужен с похапе или другим языком

danik.js · #3 (**permalink**) 15.08.2013, 14:05

<!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 · #4 (**permalink**) 15.08.2013, 14:31

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

MaximusGrek · #5 (**permalink**) 15.08.2013, 14:58

animhotep: Простите, а в каком смысле "новый браузер"?

danik.js: Спасибо, я не знал про file.saver. Пока не пробовал вставить это дело в прожэкт, но на первый взгляд вроде все супер. Спасибо огромное еще раз.

animhotep · #6 (**permalink**) 15.08.2013, 15:16

Сообщение от MaximusGrek

animhotep: Простите, а в каком смысле "новый браузер"?

експлорер старше 9й версии, и остальные браузеры свежих версий
https://github.com/eligrey/FileSaver.js/

MaximusGrek · #7 (**permalink**) 15.08.2013, 15:34

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

animhotep · #8 (**permalink**) 15.08.2013, 15:55

почему? редактор можно спокойно скачать и подключать локально

MaximusGrek · #9 (**permalink**) 15.08.2013, 16:13

Простите я видимо неправильно выразился. Просто не хотел писать мнгоабукав

Не потому что мне лень - а потому что боялся что тому кто будет читать - будет лень

Принцип разрабатываемого приложения прост:
1. Есть некий файл в формате *.html (пусть будет index.html). Более того он обязательно должен быть сделан табличной версткой. Такое вот несовременное и попабольное требование.
2. С помощью кросплатформенного приложения (я выбрал браузер, но теперь уже и не знаю...) он должен быть отредактирован и сохранен.

Теперь о проблемах.
danik.js показал реализацию использующую файлсейвер, и чесно говоря мне она нравится. Но вот требование к наличию последних версий браузера...
Впрочем это не самое главное. Мои кривые руки не могут добится что бы открытый файл был после сохранен в cp windows-1251, (meta тег я проставлял если что...) а так же в редакторе не отображается цвет ячеек таблицы...

danik.js · #10 (**permalink**) 15.08.2013, 16:42

Сообщение от MaximusGrek

не могут добится что бы открытый файл был после сохранен в cp windows-1251

Чем не устраивает utf-8?

Форум

Справочник

Discord чат

Курсы javascript