mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-22 18:31:57 +03:00
6d4d6cbc51
refs https://github.com/TryGhost/Ghost/issues/9311 - add a basic HTML card that renders a CodeMirror editor - adjust styles so that CodeMirror styles for the markdown editor don't affect CodeMirror instances inside Koenig
44 lines
2.2 KiB
Handlebars
44 lines
2.2 KiB
Handlebars
{{#if showButton}}
|
|
<button class="koenig-plus-menu-button" {{action "openMenu"}}>{{inline-svg "plus"}}</button>
|
|
{{/if}}
|
|
|
|
{{#if showMenu}}
|
|
<div class="koenig-cardmenu">
|
|
<div class="koenig-cardmenu-search">
|
|
{{inline-svg "koenig/search"}}
|
|
<input type="text" placeholder="Search for a card..." class="gh-input koenig-cardmenu-search-input">
|
|
</div>
|
|
<div class="koenig-cardmenu-divider">
|
|
Primary
|
|
</div>
|
|
<div class="koenig-cardmenu-card" {{action "closeMenu" on="click"}}>
|
|
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/font-size"}}</div>
|
|
<div class="koenig-cardmenu-label">Text</div>
|
|
</div>
|
|
<div class="koenig-cardmenu-card" {{action "replaceWithCardSection" "markdown" on="click"}}>
|
|
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/markdown"}}</div>
|
|
<div class="koenig-cardmenu-label">Markdown</div>
|
|
</div>
|
|
<div class="koenig-cardmenu-card">
|
|
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/image"}}</div>
|
|
<div class="koenig-cardmenu-label">Image</div>
|
|
</div>
|
|
<div class="koenig-cardmenu-card" {{action "replaceWithCardSection" "html" on="click"}}>
|
|
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/embed"}}</div>
|
|
<div class="koenig-cardmenu-label">Embed</div>
|
|
</div>
|
|
<div class="koenig-cardmenu-card" {{action "replaceWithCardSection" "hr" on="click"}}>
|
|
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/divider"}}</div>
|
|
<div class="koenig-cardmenu-label">Divider</div>
|
|
</div>
|
|
<div class="koenig-cardmenu-card" {{action "replaceWithListSection" "ul" on="click"}}>
|
|
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/list-bullets"}}</div>
|
|
<div class="koenig-cardmenu-label">Bullet list</div>
|
|
</div>
|
|
<div class="koenig-cardmenu-card" {{action "replaceWithListSection" "ol" on="click"}}>
|
|
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/list-number"}}</div>
|
|
<div class="koenig-cardmenu-label">Number list</div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|