From f891cfb787844ccffc3589bbdd3acccb0a8d58fe Mon Sep 17 00:00:00 2001 From: Adam Misiorny Date: Wed, 9 Dec 2015 00:06:38 +0100 Subject: [PATCH 1/4] add placeholder option --- README.md | 2 ++ src/js/simplemde.js | 4 +++- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index bc6c1ef..e002c31 100644 --- a/README.md +++ b/README.md @@ -90,6 +90,7 @@ simplemde.value("This text will appear in the editor"); - **allowAtxHeaderWithoutSpace**: If set to `true`, will render headers without a space after the `#`. Defaults to `false`. - **strikethrough**: If set to `false`, will not process GFM strikethrough syntax. Defaults to `true`. - **underscoresBreakWords**: If set to `true`, let underscores be a delimiter for separating words. Defaults to `false`. +- **placeholder**: Custom placeholder that should be displayed - **previewRender**: Custom function for parsing the plaintext Markdown and returning HTML. Used when user previews. - **renderingConfig**: Adjust settings for parsing the Markdown during previewing (not editing). - **singleLineBreaks**: If set to `false`, disable parsing GFM single line breaks. Defaults to `true`. @@ -131,6 +132,7 @@ var simplemde = new SimpleMDE({ strikethrough: false, underscoresBreakWords: true, }, + placeholder: 'Type here...', previewRender: function(plainText) { return customMarkdownParser(plainText); // Returns HTML from a custom parser }, diff --git a/src/js/simplemde.js b/src/js/simplemde.js index 352cf8d..f7d5c2e 100644 --- a/src/js/simplemde.js +++ b/src/js/simplemde.js @@ -6,6 +6,7 @@ require("./codemirror/tablist"); require("codemirror/addon/display/fullscreen.js"); require("codemirror/mode/markdown/markdown.js"); require("codemirror/addon/mode/overlay.js"); +require("codemirror/addon/display/placeholder.js"); require("codemirror/mode/gfm/gfm.js"); require("codemirror/mode/xml/xml.js"); require("spell-checker"); @@ -1047,7 +1048,8 @@ SimpleMDE.prototype.render = function(el) { autofocus: (options.autofocus === true) ? true : false, extraKeys: keyMaps, lineWrapping: (options.lineWrapping === false) ? false : true, - allowDropFileTypes: ["text/plain"] + allowDropFileTypes: ["text/plain"], + placeholder: options.placeholder || el.getAttribute('placeholder') || '' }); if(options.toolbar !== false) { From c92f4e3bd378acb9847eda27df6efa8f2fee24b3 Mon Sep 17 00:00:00 2001 From: Adam Misiorny Date: Thu, 10 Dec 2015 07:58:19 +0100 Subject: [PATCH 2/4] change single quotes to double quotes --- README.md | 2 +- src/js/simplemde.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index e002c31..43a543b 100644 --- a/README.md +++ b/README.md @@ -132,7 +132,7 @@ var simplemde = new SimpleMDE({ strikethrough: false, underscoresBreakWords: true, }, - placeholder: 'Type here...', + placeholder: "Type here...", previewRender: function(plainText) { return customMarkdownParser(plainText); // Returns HTML from a custom parser }, diff --git a/src/js/simplemde.js b/src/js/simplemde.js index f7d5c2e..c54aef9 100644 --- a/src/js/simplemde.js +++ b/src/js/simplemde.js @@ -1049,7 +1049,7 @@ SimpleMDE.prototype.render = function(el) { extraKeys: keyMaps, lineWrapping: (options.lineWrapping === false) ? false : true, allowDropFileTypes: ["text/plain"], - placeholder: options.placeholder || el.getAttribute('placeholder') || '' + placeholder: options.placeholder || el.getAttribute("placeholder") || "" }); if(options.toolbar !== false) { From 95cfe5a3531fd3149a75fc3ea5d8519d873a4740 Mon Sep 17 00:00:00 2001 From: Adam Misiorny Date: Thu, 10 Dec 2015 22:46:31 +0100 Subject: [PATCH 3/4] change spaces to tab --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 43a543b..fa160c0 100644 --- a/README.md +++ b/README.md @@ -132,7 +132,7 @@ var simplemde = new SimpleMDE({ strikethrough: false, underscoresBreakWords: true, }, - placeholder: "Type here...", + placeholder: "Type here...", previewRender: function(plainText) { return customMarkdownParser(plainText); // Returns HTML from a custom parser }, From 3178aab2cb91f5c50d12a2aedadf8383df469d09 Mon Sep 17 00:00:00 2001 From: Adam Misiorny Date: Thu, 10 Dec 2015 22:47:34 +0100 Subject: [PATCH 4/4] add styling for placeholder element --- src/css/simplemde.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/css/simplemde.css b/src/css/simplemde.css index cf0ede4..e144f92 100644 --- a/src/css/simplemde.css +++ b/src/css/simplemde.css @@ -317,4 +317,8 @@ .CodeMirror .CodeMirror-code .cm-strikethrough { text-decoration: line-through; -} \ No newline at end of file +} + +.CodeMirror .CodeMirror-placeholder{ + opacity: .5; +}