タグ付けされた質問 「html」

JS Binを使用したことがある場合は、右側のコード（HTML、CSS、Javascript）を入力すると、入力した内容に合わせて更新されることがわかります。これは、小さなコードスニペットを作成するための最も便利なツールの1つであることがわかりました。ただし、同じ機能をEmacsに実装したいと思います。 したがって、Emacsバッファーでコードを入力/編集すると、ファイルを保存したりページを更新したりせずに、Webページが非同期で更新またはロードされます。 副次的な注意事項として、Webブラウザーがw3のような内部にあるか、Google Chromeのような外部にあるかは気にしません。

26 html 

私はorg-modeを使用して内容を文書化し、通常はpdf（latex経由）およびhtmlにエクスポートします。 場合は\\文字がであるエンドラインのPDFおよびHTMLの両方にエクスポートするとき、それは改行文字を強制します。 しかし、htmlにエクスポートするときに、行の間に改行文字を強制する方法を知りたいです。htmlエクスポートでも複数行のタイトルを使用できるように、このソリューションを使用すると便利です。 例： #+TITLE: First Line of Title \\ Second Line of Title 上記はpdfエクスポートで2行にエクスポートされますが、\\文字はhtmlエクスポートで保持されます（行末にないため）。 複数行のタイトルが両方の形式で正常にエクスポートされるように、タイトルをフォーマットするにはどうすればよいですか？

26 org-mode  html  org-export 

org-modeファイルを頻繁にエクスポートしますが、ほとんどすべてにコードが含まれています。コードをエクスポートすると、テーマに応じてテキストが色付けされますが、暗いテーマと明るいテーマを定期的に切り替えます。明るいテーマの場合、<code>ブロックの背景は明るい必要があり、暗いテーマの場合、暗い背景が必要です（そうでなければ、灰色の背景に明るい黄色のテキストが表示され、判読できません）。 暗い背景には次の行を追加する必要があります。 #+HTML_HEAD: <style>pre.src {background-color: #303030; color: #e5e5e5;}</style> そして、明るい色の背景に切り替えるたびに削除することを忘れないでください エクスポート時に現在のテーマの背景色を自動的に検出し、エクスポートされたHTMLのCSSで使用する方法はありますか？ 編集 私はジョーダンの答えに行きます（ジョーダンに感謝、カルマポイントを獲得します！） (defun my/org-inline-css-hook (exporter) "Insert custom inline css to automatically set the background of code to whatever theme I'm using's background" (when (eq exporter 'html) (let* ((my-pre-bg (face-background 'default)) (my-pre-fg (face-foreground 'default))) (setq org-html-head-extra (concat org-html-head-extra (format "<style type=\"text/css\">\n …

24 org-mode  org-export  html 

一致するタグに基づいて対応する色でhtmlタグを色付けするプラグインが欲しいです。例えば <div> <p></p></div> <div>そして、</div>しながら、同じ色を強調されるだろう<p>と</p>同じ色を強調表示されますが、異なったdivタグより。タグの種類に基づいているのではなく、深さだけに基づいています。

13 html  highlighting 

現在、EvernoteおよびのようなメモツールでQuiverは、お気に入りのブラウザーからHTMLコンテンツを直接コピーして、すべての書式設定+リンクを保持したまま、アプリに貼り付けることができます。ただし、orgmodeでは、すべてのフォーマット情報が失われているようです。 誰かがを使用ewwしてWebを閲覧し、コンテンツをコピーすることを提案しているのをeww-org見てきました。しかし、それは私が使用してウェブブラウジング多くの人々が存在することになるとは思わない（本当に退屈でeww、今日の代わりに、現代のブラウザを。私は再びそのリンクを開く必要がありますeww、コピーをしてください、時には言及しないewwんではありませんコンテンツを適切にレンダリングします）。 Emacs貼り付け時にコピーしたHTMLを直接解析させることはできますか？そのための既存のツールがまだない場合でも、それを作成することは可能ですか？ これがorgmode、他のメモ作成ツールからの切り替えを妨げるほぼ唯一の理由です。

12 org-mode  copy-paste  formatting  html 

最近、htmlエンティティのデコードの問題に遭遇しました。次の2つの文字列があります（名前付きと番号付きの2つのエンコード方法がどのように使用されているかに注意してください）。 The old "how to fold xml" question Babel doesn't wrap results in verbatim そして、私はそれらをに変換する必要があります The old "how to fold xml" question Babel doesn't wrap results in verbatim 周りを検索して、SOでこの古い質問を見つけました（これは今のところ私が行っていることです）が、Emacsにこれを行う組み込みの方法がないとは信じません。私たちはいくつかのWebブラウザーを持っていますが、そのうちの少なくとも2つは組み込みであり、メールクライアントとフィードリーダーは言うまでもありません。 HTMLエンティティをデコードする組み込みの方法はありませんか？ 最初の例の文字列を受け取り、2番目の例の文字列を返す関数を探しています。

11 html 

現在、これはgeditのようなものではるかに簡単だと思うタスクです。「\ n」（改行）を「</ li> \ n <li>」に置き換えるだけで、リストを取得できるためです。 Emacsですぐに実行できないと思われるいくつかの小さなことの1つですが、頻繁に使用するものです。

11 search  html  line-break  replace 

HTMLエクスポート中のOrg-modeのデフォルトは、ページの下部にあるポストアンブルに著者を置くことです。 しかし、私はタイトルと要約の間に著者と一緒にドキュメントのような論文をエクスポートしたいと思います。どういうわけかタイトルの後に著者を置くことは可能ですか？ そして、要約を要約としてラベル付けすることは可能ですか？区切り文字を使用しました #+BEGIN_abstract ... #+END_abstract テキストを抽象としてマークしますが、通常の段落と同じようにレンダリングされます（インデントのようなブロック引用符はありません）。アブストラクトとローカライズされたラベルの正しいインデントを取得することは可能ですか？

11 org-mode  org-export  html 

タイトルの展開と折りたたみをサポートする.orgファイルをhtmlにエクスポートする方法はありますか？ 私が望んでいるのは、TABのようなキーを押して、アウトラインを展開したり折りたたんだりできるようにすることですが、HTMLサイト上で。 Github wikiはorgmodeをサポートしていますが、タイトルの拡張と縮小を許可していないようです。

10 org-mode  html 

たとえば、次の一連の文字（HTML）があります。http：//pastebin.com/pwTPp8wd 特に誰かが大きなHTML / Javascript /その他のファイルの処理を高速化する場合、誰もが処理されたファイルにつまずいたと思いました。次に、手動を適用せずにインデントを自動化する方法が必要です。しかし、最適化されたファイルの強制インデントについては何も見つかりませんでした。 何かご意見は？

9 indentation  formatting  html  javascript 

目標は、orgmodeからエクスポートするときに自己完結型のhtmlファイルを作成して、画像がファイルに固有であり、単一のhtmlファイルを配布できるようにすることです（私が教えており、学生に提供したいクラスに対してこれを試みています）ブラウザで開くことができる単一のhtml）。 私が欲しいもののアイデアを与えるコードのスニペットをオンラインで見つけました： #+BEGIN_SRC python :results output html :exports results with open('/home/britt/Pictures/Britt0001.jpg', 'rb') as image: data = image.read() print '<img src="data:image/jpg;base64,%s">' % data.encode("base64") #+END_SRC そして、私はそれをelispに入れて、Pythonへの依存を取り除こうとしています。そして、より詳細な独自のelisp関数を作成するためのステップとして。 これが私が得たものです。アドバイスありがとうございます。 #+BEGIN_src elisp :results output html :exports results (setq myim (concat "<img src=\\"data:image/jpg;base64," (tob64 "/home/britt/Pictures/Britt0001.jpg") ">")) (print myim) #+END_SRC そしてどこtob64に (defun tob64 (filename) (base64-encode-string (with-temp-buffer (insert-file-contents …

8 org-mode  images  html 

この機能は、emmetモードでうまく機能します。emmet-modeでは、拡張できますli * 3 に <li> </ li> <li> </ li> <li> </ li> 楽々。 しかし、最初のタグの間に何かを入力した後。私は次の行に移動するときに正しい位置にスクロールする必要がありますが、これは不便です。 私が探しているこのロックは素晴らしい仕事をするでしょう。

8 key-bindings  html 

通常、org-mode画像へのリンクを含むバッファをhtmlにエクスポートすると、リンクは適切なhtmlに変換されます<img...>。ただし、その画像に.svg拡張子がある場合は、<object...>代わりにエクスポートされます。 これを防ぐにはどうすればよいですか？ たとえば、次のリンク： [[file:https://clojars.org/malabarba/lazy-map/latest-version.svg]] このようにエクスポートされます： <object type="image/svg+xml" data="https://clojars.org/malabarba/lazy-map/latest-version.svg" > Sorry, your browser does not support SVG.</object> しかし、私はそれを次のようにエクスポートしたいです： <img src="https://clojars.org/malabarba/lazy-map/latest-version.svg">

8 org-mode  org-export  html 

2つの.orgファイルがあります。 // a.org contains the anchor <<my_anchor>> // b.org contains the link to my_anchor [[file:a.org::my_anchor][My Link]] 私はORG-モードにあるリンクをクリックすると、それはの位置に正しくリンクmy_anchorでa.org。しかし、これら2つのファイルをHTMLにエクスポートすると、次のようになります。 // b.html <a href="a.html#my_anchor">My Link</a> 私が得たものは： // b.html <a href="a.html">My Link</a> org-modeとエクスポートされたHTMLの両方で機能するように外部リンクを正しく作成する方法を知りたいです。

8 org-mode  org-export  html  hyperlinks 

何らかの理由で、私の反応ソースファイル内のhtml / jsxは、常に次のようにインデントしたい、つまりほとんどインデントがありません。 return ( <DateRangePicker ranges={this.state.ranges} startDate={this.state.startDate} endDate={this.state.endDate} onApply={this.applyEvent}> <Button className="selected-date-range-btn" style={{width : '250px'}}> <div className="pull-left"> <Glyphicon glyph="calendar"/> </div> <div className="pull-right"><span>{label}</span></div> </Button> </DateRangePicker> ) 私が本当に欲しいのは次のようなものです： <DateRangePicker ranges={this.state.ranges} startDate={this.state.startDate} endDate={this.state.endDate} onApply={this.applyEvent}> <Button className="selected-date-range-btn" style={{width : '250px'}}> <div className="pull-left"> <Glyphicon glyph="calendar"/> </div> <div className="pull-right"><span>{label}</span></div> </Button> </DateRangePicker> これは、htmlモードまたはwebモードを有効にしてhtml / jsxをスクラッチバッファーにコピーするときに取得するインデントです。ご覧のとおり、インデントははるかに読みやすく、HTMLモードでもWebモードでも、このように機能します。 このようにhtml / …

8 indentation  web-mode  html