web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add the markdown toolbar to the slide and poll apps

Browse Source
This commit is contained in:
yflory
2017-11-27 17:55:20 +01:00
parent 68d602f74a
commit 74e59a513a
9 changed files with 44 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
www/slide/app-slide.less
View File

@@ -33,9 +33,21 @@ h4 { font-size: 31px; }
h5 { font-size: 27px; }
h6 { font-size: 24px; }
.CodeMirror {
#cp-app-slide-editor-container {
display: inline-flex;
flex-flow: column;
height: 100%;
min-height: 100%;
width: 50%;
min-width: 20%;
max-width: 80%;
overflow: hidden;
max-width: 100%;
flex: 1;
}
.CodeMirror {
flex: 1;
width: 100%;
font-size: initial;
}
.CodeMirror-focused .cm-matchhighlight {

4
www/slide/inner.html
View File

@@ -12,7 +12,9 @@
<body class="cp-app-slide">
<div id="cme_toolbox" class="cp-toolbar-container"></div>
<div id="cp-app-slide-editor">
<textarea id="editor1" name="editor1"></textarea>
<div id="cp-app-slide-editor-container">
<textarea id="editor1" name="editor1"></textarea>
</div>
<div class="cp-app-slide-viewer" tabindex="2">
<div id="cp-app-slide-modal">
<div id="cp-app-slide-modal-exit" class="cp-app-slide-modal-button">

8
www/slide/inner.js
View File

@@ -358,6 +358,13 @@ define([
});
};
var mkMarkdownToolbar = function (framework, editor) {
var $codeMirrorContainer = $('#cp-app-slide-editor-container');
var markdownTb = framework._.sfCommon.createMarkdownToolbar(editor);
$codeMirrorContainer.prepend(markdownTb.toolbar);
framework._.toolbar.$rightside.append(markdownTb.button);
};
var activateLinks = function ($content, framework) {
$content.click(function (e) {
if (!e.target) { return; }
@@ -396,6 +403,7 @@ define([
mkColorConfiguration(framework, $modal);
mkFilePicker(framework, editor);
mkSlidePreviewPane(framework, $contentContainer);
mkMarkdownToolbar(framework, editor);
CodeMirror.configureTheme();