Получение моего текстового редактора JavaScript для отправки - PullRequest
Новая
       32

Получение моего текстового редактора JavaScript для отправки

1 голос
/ 08 декабря 2011

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

Я внедряю текстовый редактор на основе javascript под названием «NicEdit» на свой веб-сайт, и, в частности, я настраиваю его на основе этого примера. Проблема в том, что в этом примере вместо текстового поля используется "<div ></div>". Я уже давно искал способ отправки текстового поля на основе div с помощью метода POST в PHP, но я понятия не имею.

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

P.S. Я запускаю свой сайт через localhost через xampp прямо сейчас. Все мои другие веб-страницы и коды JavaScript работают правильно.

Спасибо за помощь,

~ Jakobp

Ответы [ 2 ]

2 голосов
/ 08 декабря 2011

"Я давно искал способ отправки текстового поля на основе div с помощью метода POST PHP в течение некоторого времени"

Например, в PHP нет метода POST. HTTP реализует POST. PHP просто дает вам доступ к данным HTTP POST (через $ _POST) после их отправки на сервер.

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

  1. Нам нужен доступ к текстовому содержимому редактируемого раздела.
  2. Нам нужно отправить эти данные через сообщение HTTP в файл php, который может принять это.

Документация NicEdit API дает справку о том, как сохранить текст через ajax здесь .

Для целей этого ответа мы просто сделаем это по старинке, без ajax. Теперь в документах также говорится, что существует метод ".getContent ()", который возвращает HTML-содержимое div, отображаемого в качестве редактора. Итак, вы можете сделать следующее: 

var myNicEditor = new nicEditor();
var txt = myNicEditor.getContent(); // gets editable content from div

Теперь нам просто нужно отправить этот текст в созданный нами php-файл. Я не буду рассказывать, как создать php-файл или как обрабатывать содержащиеся в нем данные $ _POST, потому что, ну, я не могу написать ваш код для вас.

Вы можете использовать javascript, чтобы сохранить вновь созданную переменную txt в скрытом поле формы на странице, а затем отправить эту форму, но это было бы глупо. Вместо этого проверьте этот SO-ответ о том, как публиковать данные в URL без формы в javascript .

0 голосов
/ 08 декабря 2011

Попробуйте использовать настоящий текстовый редактор вместо WYSIWYG-редактора.

...