2016-05-28 11 views
0

私は、特定のページ(index.hbsなど)でハイライト表示されるコードをプロジェクトに導入したいと思います。これを実行してhighlight.jsのようなツールを見つけたライブラリを検索しましたが、 emberプロジェクト。誰もhighlight.jsのようなカスタムライブラリをインポートする方法を説明することはできますか、誰かが私にツールのリコメンデーションを与えることはできますか?私はこのツールを使用しようとしました:ember-cli-eg-code-highlight、しかしそれを使用する方法は指定されていません。私はそれをインストールして、{{highlight-js code=file lang=language hasLineNumbers=hasLineNumbers}}を私のindex.hbsに貼り付けましたが、動作しません。また、ENV.emberHighlightJs: { style: 'arta' };私はどこにそれを置くために理想がありません。それをinember-cli-build.jsに入れようとしましたが、動作していません。hbsテンプレートのコードをハイライト表示するには?

私はまたmarkdown-code-highlightingを見つけました。しかし、私はこの段階で迷っています。「あなたのBrocfileでは、ハイライターに必要なCSSスタイリングをインポートする必要があります。」私のemberプロジェクトの中で私のbrocfileはどこにありますか?

+0

https://github.com/ef4/ember-code-snippet彼らは指示に従うのが簡単で、highlight.jsを使用しています実際の強調表示に使用します。 – Vlad

答えて

1

ember serverを再起動しましたか?

現在の燃えさし-CLI-EG-コードハイライトの使用例を見つけることができます:https://github.com/EmberGrep/ember-cli-eg-code-highlight/blob/master/tests/dummy/app/templates/application.hbs

をしかし、アドオンはバグがあるように見えます。これをチェックする価値があります。https://github.com/EmberGrep/ember-cli-eg-code-highlight/pull/9

P.S. brocfileについて - プロジェクトのルートにember-cli-build.jsという名前がついています

+0

ええと、私はemberサーバを再起動しようとしましたが、うまくいきませんでした。 – Cristian

+0

私はhighlight.jsをチェックしています。自分のコンポーネントを簡単に作成できます。あなたの目標は何ですか? –

+0

私の目標は、コードを自分のページに配置し、コードエディタのようにレンダリングすることです。 (何hightlight.jsがやっている。) – Cristian

関連する問題