michelson / dante Goto Github PK
View Code? Open in Web Editor NEWJust another Medium wysiwyg editor clone
Home Page: https://dante-editor.dev
Just another Medium wysiwyg editor clone
Home Page: https://dante-editor.dev
the images upload well but the src remains in base64
I tried by editing the HTML directly but dantejs seems to filter out and format new elements
Excellent work!
I think it would be great if it was possible to drag and drop images (or maybe other blocks) among paragraphs like what is in http://orthes.github.io/medium-editor-insert-plugin/
Steps to repo
by default there seems to be no difinite place for the title , i tried enabling the title_palceholder , it it didn't do anything , help needed please
I use your demo page to test this function but It seems pasted image doesn't work at all. (I can confirm about image in my clipboard, I with the same condition, I pasted it into http://try.discourse.org, It worked well)
I think this feature will be useful.
Unable to change formatting type (ie: toggle between quote vs header) once defined unless I use Ctrl+Z keyboard shortcut; Ideally an <
icon could be displayed to change type or something more user friendly.
Was poking around and found an issue with the link creation that does not properly resets on deselection.
How to reproduce:
Expected behaviour: normal popup menu should appear
What actually happens: link creation menu appears
I'm using the Dante Editor on a CMS that i'm creating using Python and Flask. The problem is that editor not sending nothing on post request.
I didn't code Ruby so I don't understand why are Ruby files there? Is it for build process?
If user enter invalid url for using embedded services like embed.ly and provider return 400 Http Code remove spinner.
Hi,
Just for info, i has to update the Gemfile for change the version of eventmachine 1.0.3 > 1.0.4
I got this error with eventmachine 1.0.3: eventmachine/eventmachine#553
It doesn't seem possible to add a line break instead of a paragraph.
Why are you using POST method for updating, which is not really RESTful? It seems like PUT method would be much more appropriate.
And it would be nice if we could define keys for params in request, when updating. Or may be you can define events (like 'changed'), so we can override form submit by ourselves?
I apologize if this functionality has already exist, i did't found that.
PS: Thanks for your editor
Can you suggest some way to upload images into a grid ( if they are uploaded together).
Like as on
if 2 uploaded together, then they get wrapped into a div
if 3 uploaded , then they wrapped into a div
then we can handle their width accordingly.
Are you going to support the background image for each section and the image alignment?
When captions become empty the placeholder should re appear (this also solves the problem that currently it's not possible to click on an empty caption and start editing it immediately)
Currently direct embedding is not possible.
By adding video links it is kinda has the same effect, but by "add an embed" it gets reformatted.
This makes it so that whenever something 'unexpected' gets posted it get's striped of the desired functionality.
How do I add simple new features? For instance I want to add a span 'highlight' class to a selection?
sorry for bugging you guys so much :p
I just really want to use this editor :)
We have an idea to add new buttons to the editor. Included in the editor would be a new "widgets" attribute. A developer can write a block of javascript code, and then attach it to the editor using widgets.register
As an example, assume that the current video embedding feature was in a widget.
All the necessary code would be put in a video.js file. At the end of the file, the developer should call widgets.register. The Editor will register the widget, connecting it to that editor instance and creating a new tooltip button for it. If the css and fonts are in place, then an icon can be put onto that new button. A more concrete example has been placed in https://github.com/AdamOstrove/Dante/tree/widget-support
Short Version:
Write new features in external scripts, register them with the editor, include the proper css, and add the widget name to a config option, and the editor will do the rest.
it's a bit too minimalist , many user might not understand that hitting back space is enough to delete the image , please consider adding a small cross button on top of each images , and also try making image position configureable
It inserts a new line but not the removed image.
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36
PS. Very good work! Looking good :)
I set the store_url: "/post/save"
and how can I get the content with post method.
I don't known content POST param excactly.
This might be just my noobness.
I do give them different ids..
Thank you so much for everything once again @michelson !
I was searching for an editor like medium, I did found some too but wasn't quite happy with them and thought of going with one of them and started coding with it but later one day I googled again for editor and tada I found you DANTE the best editor in the market... I love you.
but yeah I have one question how does upload image works :)
I noticed the following weird behaviors:
Headings don't seems to have the same style options as paragraphs, is that deliberate? I can't make them bold, italicised or into a quote.
Once a text has a link, I can't seem to remove that link. Making the URL field empty or pressing the X does not remove the link.
I set the store_url: "/post/save"
and how can I get the content with post method.
I don't known content POST param excactly.
Hi,
As we don't have media options, can we enable lightbox for inline images?
Almost all of medium/embed.ly supported embeds are working!
List here: https://medium.com/@Medium/embed-videos-tweets-music-and-more-into-your-medium-stories-3b5c09c116e8
But twitter is still not working.
Github and kickstarter also don't work, but Twitter is way more important.
Clicking enter on selected embeds or images could create a new line
It would be very desirable to be able to use common keyboard shortcuts for text formatting. For instance, Ctrl/Cmd+B for setting the selected text as bold (or Ctrl/Cmd+I for italics, etc.) This is a feature that medium and other of its clones have. Other than that, Dante is a great clone.
Hello,
It would be great to have option for remove all style (e.g: color, text-align, font...) when users paste text.
I want to save image with php method,but I cant get anything. How do I get the image url and store image in upload folder?
https://github.com/aroc/side-comments is a nice plugin that can be adapted with this , passing a datetime as a section-id , will make it unique , i will try to implement this and send a pull request if i have time
Hi,
I really fall in love with this medium-like editor. However, I didn't find AngularJS Directive for this editor.
Is there any intention to create AngularJS version of this editor?
Thanks
by this I mean text that when a user starts typing automatically disappears and is not selectable
I'm planing to use your awesome editor in my project but on the post page, there are some forms need to be filled before send to server (there is also a real-time data saving).
So I hope there will be an option to turn off Dante's auto post, let me serialize the content and send it manually.
By the way, when using Dante's or any Medium clone editor. I'll be tied into the editor (In my developing app, I currently using Medium-Editor with jQuery plugin to embed contents and images. Dante can't show the image in the post). So a markdown option would to awesome on the roadmap.
Hello Michelson,
Sorry troubling u again n again... :)
Now the issue is when I am uploading an image it getting converted into BASEURI and in background i am saving that image with it's original file name therefore I am unable to view that image after upload.
Could you explain how to handle this situation.
Currently the video embeds are the link and not editable and the normal embeds have no caption.
Would be great if both had editable captions!
On the read me, the config option for enabling debugging is listed as "debugMode".
As of version 0.0.7, the option is actually "debug".
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.