2011-12-08 7 views
1

私がやっていることは非常に基本的だと思われますが、私は6時間以上これを解決する方法を磨いています。私のJavaScriptテキストエディタを送信するには

私はウェブサイトに「NicEdit」と呼ばれるJavaScriptベースのテキストエディタを実装しており、具体的にはthisの例に基づいて設定しています。問題は、この例では"<textfield></textfield>"の代わりに"<div ></div>"をテキストフィールドに使用していることです。私はいくつかの時間のPHPのPOSTメソッドで、このようなdivベースのテキストフィールドを提出する方法を探してきましたが、私は手掛かりがありません。

他のエディタでも試してみましたが、ドキュメントとロードブロッキングが貧弱になっています(どれくらい難しいでしょうか)。さらに、NicEditは私が実装しようとしているものに最も近いものを持っているので、最適に私はそれに固執したいと思います。

P.S.私は現時点でxampp経由でlocalhostを通して自分のサイトを実行しています。他のすべてのWebページとJavaScriptコードは正しく動作しています。助けのための

おかげで、

〜Jakobp

答えて

2

1について

「私は今、いくつかの時間のためにPHPのPOSTメソッドで次のようにdiv要素ベースのテキストフィールドを送信する方法を探してきた」、PHPは、POSTメソッドを持っていません。 HTTPはPOSTを実装します。 PHPはサーバーに送信されると、HTTP POSTデータへのアクセスを($ _POST経由で)提供します。

質問に戻る...この作業を行うために何が起こる必要があるか考えてみましょう。手順は次のとおりです。

  1. 編集可能なdivのテキストコンテンツにアクセスする必要があります。
  2. 私たちはそのデータを、HTTP投稿を介して、 が受け付けることができるPHPファイルに提出する必要があります。

NicEdit API documentationには、ajax hereでテキストを保存する方法が記載されています。

この回答のために、私たちはajaxを使用せずに旧式のやり方でやっていきます。ここで、エディタとして表示されるdivのHTMLコンテンツを返す ".getContent()"メソッドがあるとも言われています。したがって、次のことができます:

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

これで、作成したPHPファイルにそのテキストを送信するだけで済みます。私はあなたのコードを書くことができないので、PHPファイルの作成方法や$ _POSTデータの処理方法については触れません。

javacriptを使用して、新しく作成したtxt変数をページの隠しフォームフィールドに格納してからフォームを送信できますが、それは愚かです。代わりに、check out this SO answer for how to post data to a url without a form in javascript

+0

私が探していたものとまったく同じもので、なぜそのドキュメントが見つからないのか分かりません。本当にありがとう! – jakobpb

+0

私はグーグルでとても上手です:) – rdlowrey

+0

あなたはグーグルで1000人の担当者を倒しました。 – jakobpb

-2

実際の "テキスト" エディタ、代わりのWYSIWYGエディタを使用してみてください。

関連する問題