Q&Agulp.jsを使用して、jadeをhtmlに変換させています。
しかし実際に出力されたhtmlを開いてみると、jade側に書いたシングルクオートはダブルクオートに、ダブルクオートは"に勝手に置き換わってしまいます。
今回、wordpressの固定ページを書く目的でjadeを使用しているのですが、引数つきのショートコードを使いたいために、シングル・ダブルクオートの自動置き換えを無効化したいと思っています。
置き換えされてしまった状態ではショートコードとして認識してくれないため、手作業でいちいちシングル・ダブルクオートの部分だけ元に戻す必要があり、非常に面倒です。
置き換えを無効化する方法はないでしょうか？
lang
1//- jade 2p 3 a(href='[permalink slug="test"]') テスト
lang
1<p><a href="[permalink slug="test"]">テスト</a></p> 2<!-- 3 本当は以下のように出力されてほしい。 4 <p><a href='[permalink slug="test"]'>テスト</a></p> 5-->
lang
1gulp = require('gulp') 2plumber = require('gulp-plumber') 3jade = require('gulp-jade') 4 5gulp.task 'jade', -> 6 gulp.src('html/*.jade') 7 .pipe(plumber()) 8 .pipe(jade( 9 pretty: true 10 )) 11 .pipe gulp.dest('html/') 12gulp.task 'default', -> 13 gulp.watch 'html/*.jade', ['jade']
回答2件
0
"gulp-jade": "^1.1.0" 似て試してみました。
jade
1// jade 2p 3 a(href='[permalink slug=\'test\']') link 4// or 5p 6 a(href="[permalink slug=\'test\']") link 7// or 8p 9 a(href!="[permalink slug='test']") link
とすれば
html
1<p><a href="[permalink slug='test']">link</a></p>
とダブルコーテーション内にシングルコーテーションを出力することはできましたが、
変数にしたり色々試してみましたが、シングルコーテーションで属性を囲める方法を見つけることはできませんでした。。。もしかしたら、しようとしてHTMLタグの属性はダブルコーテーションで囲むようになっているのかもしれません。
投稿2015/08/28 09:27
総合スコア596
0
自己解決
属性名のイコールの前にビックリマークを入れると、エスケープを無効化できるということを忘れておりました。
以下、修正後のソースと出力結果です。
lang
1//- jade 2p 3 a(href!='[permalink slug="test"]') テスト
lang
1<!-- 出力結果 --> 2<p><a href="[permalink slug="test"]">テスト</a></p>
しかしこの方法でも、シングルクオートがダブルクオートに置き換わる現象は止められませんでした。
ダブルクオートをダブルクオートで囲っているのは本来良くない書き方ですが、ショートコードを使用するうえでは今のところ問題なく動作しているので、いったんこれで解決ということにしておきます。
投稿2015/05/27 02:03
総合スコア99
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。