Markdown on Save Improved と SyntaxHighlighter Evolved の共存


[まとめ] 現在開催中のKindleセール情報はこちら

ソースコードをきれいに表示したいと思い、「SyntaxHighlighter Evolved」を導入したのですが、[code lang=”xxx”] ~ [/code] と記述すると、なぜかpタグが勝手に挿入されてしまう現象が発生しました。

def sample
  p 'hello'
end

sample

色々試してみたところMarkdown形式で記事を書くためのプラグイン「Markdown on Save Improved」が原因だということが判明しました。

ソースの表示が書き換わってしまうのは問題なので、Markdownプラグインを無効化しようと思っていたのですが、divタグで囲うことで2つのプラグインを共存させることが可能だそうです。

<div>
[code lang="ruby"]
def sample
  p 'hello'
end

sample
[/code]
</div>

というようにdivで囲った結果

def sample
  p 'hello'
end

sample

正しく表示できました。

参考URL

[まとめ] 現在開催中のKindleセール情報はこちら