divでcontenteditable = "true"を削除し、代わりにjQueryを使用してテキストボックスを作成

Question

SharePointブログサイトでは、contenteditableをtrueに設定してdivに入力して新しい投稿を挿入します。これは、iPadのSafariはそれをサポートしていないので、iPadでは動作しません。

divを見つけて属性を削除できますが、テキストを挿入するにはどうすればいいですか？ div全体を複数のテキストボックスに置き換えることはできますか（SharePointの節約については、SharePointがそれについて何を考えているのか分かりません）。

HTMLは次のようになります。

<tr> 
    <td nowrap="true" valign="top" width="190px" class="ms-formlabel"> 
     <h3 class="ms-standardheader"> 
     <nobr>Body</nobr> 
     </h3> 
    </td> 
    <td valign="top" class="ms-formbody"> 
     <!-- FieldName="Body" 
      FieldInternalName="Body" 
      FieldType="SPFieldNote" 
     --> 
     <span dir="none"><div class='ms-rtestate-field ms-rtefield' style=''><div id='ctl00_m_g_cc0fae80_c5f8_428c_9d00_793718f1d202_ctl00_ctl04_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_TextField_inplacerte_label' style='display:none'>Rich text editor</div><div class=' ms-rtestate-write ms-rteflags-0' id='ctl00_m_g_cc0fae80_c5f8_428c_9d00_793718f1d202_ctl00_ctl04_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_TextField_inplacerte' style='min-height:210px' aria-labelledby='ctl00_m_g_cc0fae80_c5f8_428c_9d00_793718f1d202_ctl00_ctl04_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_TextField_inplacerte_label' contentEditable='true' ></div><div style="clear:both;"></div></div> 
      <span dir="ltr">    
       <input name="ctl00$m$g_cc0fae80_c5f8_428c_9d00_793718f1d202$ctl00$ctl04$ctl01$ctl00$ctl00$ctl04$ctl00$ctl00$TextField_spSave" type="HIDDEN" id="ctl00_m_g_cc0fae80_c5f8_428c_9d00_793718f1d202_ctl00_ctl04_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_TextField_spSave" /> 
      </span> 
     </span> 
    </td> 
</tr> 

Answer 1

あなたはdiv要素の代わりに、あなたが話す複数行ボックスを使用することができますが、出て変更しない、というそれを作るために、あなたのリストの設定であなたの列のフィールドのプロパティを変更するであろうコード、またはSharePointが更新しようとしているリストフィールドに切断されることがあります。あなたはSharePointのコントロールを使用する必要がある場合

、あなたものdivを隠すことができます：style="display:none" を、あなたがSPデザイナーからページに置くことができ、一般的なテキストエリアからjQueryを使ってそれを取り込む - 取得することができます.text()か.html()またはそれの.val() （それが私の頭の上を覚えていない）、それをvar textAreaTextに割り当ててから、

$('id$=inplacerte').html(textAreaText);