ScriptaculousのAjax.InPlaceEditorは、HTMLでは動作しません

StackOverflow https://stackoverflow.com/questions/678323

  •  21-08-2019
  •  | 
  •  

質問

私は、データベースからのデータを編集するScriptaculousのAjax.InPlaceEditorを使用しています。

データベース中のデータがない場合、

実際には、最初で完璧に動作します。 ここに私のナビゲーターのソースコードに私が持っているものです。

<p id="edit" title="Click to edit" >
New text to edit here
</p>

私は自動に、新しいレコードを作成し、デザインを変更するには、いくつかのHTMLを追加し、Ajax.InPlaceEditorに問題はないのおかげで何度も何度も変更することができます。 このとき、ここではソースコードがどのように見えるかです：

<p id="edit" title="Click to edit" >
<ol>
<li>item1</li>
<li>item2</li>
</ol>
</p>

[OK]を、これは完璧です。そして、これがデータベースにあまりにも完璧です...

私は、全ページ、編集可能な段落の後、初期値をリロードする場合は、

しかし、である今HTMLはここにデータベースから直接来て、とすると、私はソースコードを持っているものです。

<p id="edit" title="Click to edit"/>
<ol>
<li>item1</li>
<li>item2</li>
</ol>
あなたが見ることができるように、

、

がmysterously不足している、と段落はもはや編集できません... リッチは、段落が実際に自己閉鎖したことに気づきました... 私はまた、手動でデータベースにHTMLテキストを設定しようとしました、そして、結果は同じです。

タグ...不足しています

あなたは何が起こっているのいずれかのアイデアを持っているだろう、とどのようにそれを修正するには？

ありがとうございました..

役に立ちましたか？

解決

あなたはolsでpsをラップすることはできません。それは<ol>はあなたが思うよりも早くpを閉じ、です。私はdivのintseadを使用することをお勧めします。

他のヒント

あなたはスラッシュと最初のブロックでpタグを閉じているので、HTMLが正しく、元のHTMLブロックの最後にpタグは、不必要であると仮定すると、コピーされました 

<p id="edit" title="Click to edit"/>
                                  ^closes the p tag

私はエディタを前提とすると、HTMLはとても順序付きリストを開始する前に、pタグが閉じられたことから、最終的なクロージングpタグを削除し、「修正」

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top