構築しているサイトでtextbox.ioというテキストエリアでエディタ風にユーザーに使用してもらうようなAPIを実装しております。
細かい仕様はよみとけなかったのですが、これを実装(html中に<textarea id="mytextarea"を配置することで)することでhtmlタグの中に
iflame>document>html>body
と言った要素群を 動的に追加して擬似的なテキストエリアを構築しているように見受けました。
対応する要素は以下の部分です。
HTML
1<html> 2...省略 3<html> 4 <head> 5 <link rel="stylesheet" type="text/css" href="http://sunny.greater.jp/Scalers/6_include/63_textboxio/resources/css/content.css"> 6 </head> 7 <body contenteditable="true" spellcheck="false" class="ephox-candy-mountain ephox-candy-mountain-active ephox-platform-desktop" 8 style="height: 217.906px;" dir="ltr"><p><br></p> 9 </body> 10</html> 11...省略 12</html>
このような特殊なAPIのようで、テキストエリアにplaceholder的なテキストを設置するためにこれらの要素群が生成されてからテキストを本body要素の直下に付け加えるべく、以下のコードをcommon.js625行目に追加しました
Javascript
1>common.js 2$(function(){ 3 $(document).ready(function(){ 4 $('.ephox-candy-mountain').text('hello'); 5 }) 6})
本(エディタ風)テキストエリアに文字をユーザーが記載した際に、該当するbody直下(.ephox-candy-mountain)に要素が追加されていくことが分かったため、(document).readyでtextを入れておけばplaceholder風の仕様にできると考えたためです。
しかしながら、実際には本(エディタ風)テキストエディタ内にテキストは挿入されません。
本APIの仕様がどうしても完璧な理解ができずに力技で対策しようと思っていたのですが
どうしても実現できないため、どなたかお力添えをお願い申し上げます。
よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/03 07:04