2016-06-19 12 views
0

私はSimpleFormと共にsummernote WYSIWYG editorを使用しています。CoffeeScript内からHTML属性の値にアクセスするにはどうすればよいですか?

だから、このフォームフィールド:、代わりにSome placeholder copyの、しかし

ready = -> 
    $('[data-provider="summernote"]').each -> 
    $(this).summernote(height: 300, toolbar: [['style', ['bold', 'italic', 'underline', 'clear', 'fontname', 'fontsize', 'color']], 
    ['font', ['strikethrough', 'superscript', 'subscript']], ['para', ['ul', 'ol', 'paragraph']], 
    ['height', ['height']], ['insert', ['link', 'table', 'hr']]], placeholder: "Some placeholder copy") 

$(document).ready(ready) 
$(document).on('turbolinks:load', ready) 

<textarea class="summernote optional" placeholder="Enter the description of the Job (e.g. 'Product Manager', 'Senior Ruby on Rails Developer')" data-provider="summernote" name="job[description]" id="job_description" style="display: none;"></textarea> 

マイSummerNote JSは、次のように実行されます。

<%= f.input :description, as: :summernote, placeholder: "Enter the description of the Job (e.g. 'Product Manager', 'Senior Ruby on Rails Developer')" %> 

は、次のHTMLを生成します私は、フォームに指定されている値(つまり、のプレースホルダーフィールド)。

どうすればよいですか?

答えて

1
$(this).attr "placeholder" # => the attribute value 

これは基本的なjQueryです。 thisはテキストエリア、.attrは属性値を読み書きするためのjQueryメソッドです。

+0

パーフェクト。ちょうど私が探していたもの。ありがとう! – marcamillion

+0

$(@)coffeescriptスタイルに一致する$(this) – Exinferis

+0

@Exinferisの両方が有効です。個人的には、私は単にオブジェクト自体を参照しているときは 'this'を使い、プロパティ/メソッドを参照するときは' @ something'を使います。個人的な好みですが、 '@'はそれだけで奇妙に見えると思います。 – Flambino

関連する問題