Внесите изменения на веб-страницу и сохраните изменения локально

Я хочу найти способ Я могу заставить других редактировать веб-страницу html (найти локально) и позволить им сохранять сделанные изменения.Внесите изменения на веб-страницу и сохраните изменения локально

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

Я обнаружил, что этот код в адресной строке работает для редактирования: document.body.contentEditable='true'; document.designMode='on'; void 0

Тогда я обнаружил, что просто добавив:

<div id="columns" contentEditable="true">

получает работу, так как я могу редактировать HTML.

Проблема в том, что я не могу сохранить изменения. Я попытался сохранить страницу в нескольких разных форматах, включая веб-страницу/полный, только HTML, TXT-файл.

Можно ли сохранить эти изменения независимо от того, сохраняете ли вы HTML или используете какой-либо другой вид простого хранилища?

Рассуждение: У меня есть простая локальная страница html, которую я буду использовать с другими сотрудниками. Эти сотрудники не очень технологичны (даже меньше меня). Само упоминание о том, как объяснить, как редактировать html и внести изменения в текст, создало пустые взгляды и нежелание работать над проектом. Я бы очень хотел, чтобы они могли редактировать текст этой HTML-страницы с передней стороны, а не испортить любую кодировку. Кроме того, я установил сервер Xampp, а Wordpress - это стало немного излишним для этой цели и снова, запутало других.

Спасибо,

источник

2013-11-30 user1560525

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

Вы можете использовать localStorage, чтобы сохранить данные в браузере пользователя.

источник

2013-11-30 23:14:43 Tae

Я проверю это, спасибо. – user1560525

Хорошо, я проверил это. Извините, мне кажется совершенно другим языком. Где я могу поместить этот код или как его использовать в отношении локального HTML? Я прошу прощения за недостаток знаний, я искал простое объяснение того, как его использовать. – user1560525

localStorage - это API, доступный в новых браузерах, с которыми вы можете манипулировать с помощью JavaScript. Я считаю, что это единственный простой способ выполнить то, что вы хотите. Вот небольшой учебник: http://www.arungudelli.com/html5/html5-local-storage-tutorial/. В принципе, вы устанавливаете пару ключей, значений, где ваше значение будет содержанием вашего редактируемого div. – Tae

Перейдите на JavaScript. Выберите и щелкните правой кнопкой мыши. Нажмите copy в качестве html. Затем сохраните файл .txt. Если вы хотите восстановить сайт, щелкните его правой кнопкой мыши и выберите «Редактировать как html». Скопируйте/вставьте код. Затем он вернется к норме.

источник

2014-02-26 17:44:17

Внесите изменения на веб-страницу и сохраните изменения локально

ответ

Смежные вопросы