inscryb / inscryb-markdown-editor Goto Github PK
View Code? Open in Web Editor NEWA simple, beautiful, and embeddable JavaScript Markdown editor. Based off SimpleMDE by Sparksuite.
License: MIT License
A simple, beautiful, and embeddable JavaScript Markdown editor. Based off SimpleMDE by Sparksuite.
License: MIT License
n/a
Browser type and version:
InscrybMDE version: 1.11.6
I forked vue-simplemde and updated it to use inscryb-markdown-editor. At this point its a straight fork, no enhancement, other than those built directly into inscryb. Looking for thoughts and feedback. https://github.com/dantrevino/vue-inscrybmde.
Since there is no slack/twitter/whatever, I thought i'd mention it here.
Cheers,
Dan
Just wondering, how exactly do you guys develop this thing? There's got to be a faster way than waiting 7 seconds for gulp to do its thing every time I change a bit of code. I keep reading online about gulp serve which is a task one must make somehow, but I don't get it.
It seems that in both SimpleMDE and InscrybMDE, functions isPreviewActive() and isSideBySideActive() always return false regardless of the actual state.
Given that the implementation of these functions looks up parent HTML elements and checks for CSS classes on them, maybe it finds the wrong elements on which it checks for the appropriate class names?
Add a button to the menu such as:
{ name: "preview", action: function(e) { e.togglePreview(); console.log(e.isPreviewActive());}, className: "fa fa-pencil no-disable", title: "Toggle Edit", default: false },
This will always say false, while for isFullscreenActive() (which does not rely on CSS class names) it works correctly.
Latest (InscrybMDE version 1.11.4 and SimpleMDE version 1.11.2)
Thanks!
npm install vue-inscrybmde --save
Browser type and version: all
InscrybMDE version: 1.11.16
Hi, I've been looking for a (maintained) replacement to SimpleMDE and found this and EasyMDE - what is the relation between the forks? I would really like to have my cake and eat it all :D
The form doesn't work on Firefox mobile. Specifically text can be typed, but the placeholder text does not disappear so text is typed over it, and when you press space the previously typed text is removed. Otherwise buttons and formatting appear to work, and no console messages appear when Firefox is put into debug mode.
Browser type and version: Firefox 63.0a1 (nightly 2018-08-31) Android
InscrybMDE version: 1.11.4
npm audit
or yarn audit
in any project using inscrybmde will show "1 moderate severity vulnerability", namely marked
Browser type and version: N/A
InscrybMDE version: 1.11.6 (latest)
The fix is pretty simple: upgrade the marked
dependency to ^0.6.2
.
Browser type and version: IE 11.471.17134.0
InscrybMDE version: any?
Il try to use a tagging like feature with this editor. This works by using YAML in CommonMark. For example you can insert the following at the beginning of a markdown file:
---
tags: coding php css javascript
...
to add the tags coding, coding, php, css, javascript as tags. All of the separated by space character. Is there a way to support such a standard notation or at least to to not render such a part directly in the preview? I need this only in the editor visible.
Result: The textarea is often detected as being empty, characters are not announced while the cursor moves.
Expected result: lines and characters are announced as the cursor moves.
Browser type and version: any
SimpleMDE version: any
Browser type and version: Chrome v88.0, Firefox v85.0
InscrybMDE version: 1.11.6
Having an issue with required fields as the browser can't focus them after they have been replaced:
<textarea name="text" cols="40" rows="10" class="form-control" title="" required="" id="id_text" style="display: none;"></textarea>
var simplemde = new InscrybMDE({
element: $("#id_text")[0],
hideIcons: ["heading"],
showIcons: ["heading-2", "heading-3"]
});
Adding novalidate
to the form works around the issue.
I'm new to this repository and I do not understand what change from Simple Markdown Editor ...
In EasyMDE exist a changelog in the README File but not in Inscryb MDE.
Changes include:
FontAwesome 5 compatibility
Guide button works when editor is in preview mode
Links are now https:// by default
Small styling changes
Support for Node 8 and beyond
Lots of refactored code
Links in preview will open in a new tab by default
Browser type and version: All
InscrybMDE version: Latest
I wanted to know if you're thinking about putting mentions in this project.
Thank you
Nice work!
I use the mde editor here: https://github.com/recoilme/tgram
Autosave - enabled
Then i press edit on an article - i fill data from server to textarea
But it replaced with autosaved data (if present)
I don't want to disable autosave, but I want on the first load don't load autosaved text
Browser type and version:
SimpleMDE version: latest
https://jsfiddle.net/hv352zf8/
Notice that in the example if you remove the inscrybmde the CSS changes the button color. However, if you set a markdown editor on the textarea, even with forceSync as shown in the readme, the button text does not update.
Browser type and version: Firefox 62.0a1
SimpleMDE version: 1.11.3
It would be great to have a mode, like preview - but with editing.
Some of my users are non-technical, so I could show them a version of the editor that doesn't have the markdown available.
I have the problem that CodeMirror's default InputStyle on mobile devices ("contenteditable") creates several unintended issues. I prefer it to use "textarea" always.
Unfortunately, this option cannot be changed after the editor has been instantiated. I can't figure out how to change CodeMirror's default setting and it also doesn't seem to be possible to forward options into CodeMirror when instantiating inscryb as far as I can see.
How can I get around this problem?
Browser type and version: Chrome 68.0.3440.106 64-Bit
InscrybMDE version: V1.11.4
When creating a Quick Draft the notification appears noting the draft has been created, however the draft itself does not appear in Page Drafts without a forced refresh of the page by the user.
Browser type and version: Firefox Quantum 61.0.2
InscrybMDE version:
When opening Fullscreen or side-by-side, my site's menu bar is obstructing the top part of the editor.
I want to resolve that problem by hiding the menu bar as soon as the editor switches to full screen and turn it back on as soon as the full screen mode is left.
I looked through the list of events but I can't find anything for that. Is there a way to achive this?
Thanks & best regards
N/A
Came here from a thread complaining of the same thing for SimpleMDE where the toolbar buttons get wiped when you set a custom one. It seems incrybMDE has not handled that yet, either?
toolbar: [
{
name: "custom",
action: function customFunction(editor){
// Add your own code
},
className: "fa fa-star",
title: "Custom Button",
},
],
Also, as a side note, moving to <button>
makes a dark theme look uggo.
Add class
with button names to toolbar buttons.
Current version is:
<div class="editor-toolbar">
<button title="Bold (Ctrl-B)" tabindex="-1"><i class="fa fa-bold"></i></button>
...
</div>
I'd like to propose we simply add a class, like this:
<div class="editor-toolbar">
<button title="Bold (Ctrl-B)" class="editor-button-bold" tabindex="-1"><i class="fa fa-bold"></i></button>
...
</div>
This would allow CSS styles to be applied on a single button, eg. A save
button shown in a different color when it detects changes that nees to be saved.
I'm more than happy to submit a Pull Request, I'm opening this issue just to check if it is OK to do so :)
Please keep a changelog or tag releases. I am trying to figure out if an issue was fixed in the release I'm using, but it's hard to associate commits in the repo with actual releases. Having tags (or branches depending on your workflow) for each release, or a changelog that lists the features of each release would be very helpful.
Thanks for all the work you've put into this!
[X] Feature Request / Code Assistance
I know Markdown doesn't have text alignment, but I did see this editor does allow custom functions. So in theory I could add 3 buttons, left/center/right align. But I have no idea what the function code would be to add a class to the end of the line that would support text alignment.
I know in Markdown by adding { .text-center}
to the end of a line, it will add the class needed to center the text. The function would have to add this text when clicked/enabled, and remove it if disabled. And if possible, to have the icon selected and not selected appropriately.
Any help in the right direction would be appreciated.
Browser type and version: Chrome or FF
SimpleMDE version: unscrybmde 1.11.3
When I click on preview on a screen with some markdown data on it, the screen just says loading and hangs there. A am doing something wrong?
Browser type and version:
InscrybMDE version:
Hello!
It's really good to see accessibility improvements toward keyboard access (buttons instead of links) but I've noticed there is still one thing missing to make it fully happen - tabindex in below snippet is deliberitely set to "-1":
inscryb-markdown-editor/src/js/inscrybmde.js
Line 119 in 3ac2787
Looks like quick fix but maybe there is any specific reason for it?
Kind regards,
mp.
The setting for negativeTabIndex does not change the tab Index setting for the buttons, this is always -1.
This feature was added here #24
See this JSFiddle: https://jsfiddle.net/s62m4gor/
Changing negativeTabIndex does not change the resulting tabIndex of the bold button.
Browser type and version: Chrome 116.0.5845.110 / Safari 16.6 (18615.3.12.11.2)
InscrybMDE version: 1.11.6
Thanks for the help.
Hi there. Im not sure if i miss something, but if my markdown file has a [TOC] at the beginning or somewhere else, it generates a table of contents at that place directly from the headlines in my other markdown applications. But not so here. Is there some way how i could get this feature here working to?
If the textarea/editor is inside a tag which is not open, the contents of the edit area will be blank. Clicking inside the edit area will force an update and render the initialValue properly. If the edit box is in a tag which is open is behaves properly. This is true if you set either the text inside the textarea, the initialValue, or both. Setting the initialValue and a placeholder still shows a blank box.
If there is no content then the placeholder text will display properly in all cases.
It would be great to have a way of changing autosave's behavior. like for example to make it persist data to an API.
Browser type and version: Chrome 76.0.3809.132
InscrybMDE version: 1.11.6
I'm not sure if this is possible in any way, so feel free to close this issue if it's not.
I'm using the editor to write blog posts and would love to be able to use Grammerly directly into the editor. In order for Grammerly to work, it needs to see a textarea with content which this editor isn't. Is there some kind of way we can trick Grammerly into picking up the text that's written and being able to suggest changes?
If you have any pointers about possible solutions I also don't mind putting something together and creating a PR, but I'm kind of clueless about a possible solution. Your time and effort are very much appreciated!
Hi,
I'm using vue-simpleMDE for my project and i found your package, i'm interested by it and happy to know that someone continue the work.
So i would like to know if you've found a way to integrate spellchecker in other language than english, if not i'll do it in the next week / month (pass option to typo.js, search for common dictionnaries in other language, integrate it in SimpleMDE / InscrybMDE).
Let me know if you are interested and like tou see i really need a spellchecker ;) (i'm french)
Also, it would be a great thing if you could briefly summarize the change you made to SimpleMDE.
Thanks.
Hello guys,
I'm using this project in a project for a customer of mine. Since my customer speaks only german, I have to ask if it's possible to change the language. Actually it's english only. Maybe it is possible to add a option locale
to the options object.
Bests,
MetalCar
https://cdn.jsdelivr.net/gh/inscryb/inscrybmde-markdown-editor@1/dist/inscrybmde.min.css
returns Failed to fetch version info for inscryb/inscrybmde-markdown-editor.
I'm currently using SimpleMDE, but looks like its dead. Going to move to inscryb if it would be possible to assign shortcut to a custom function
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.