raphaelcruzeiro / jquery-notebook Goto Github PK
View Code? Open in Web Editor NEWA modern, simple and elegant WYSIWYG rich text editor.
License: Other
A modern, simple and elegant WYSIWYG rich text editor.
License: Other
I'm using the editor inside a form
but has a small problem happening when
I select the text bubble does not appear.
In fact it appears more is not going to correct position
thought maybe it was the form and ended up not being
I tested out the form and also not resolved.
I made several attempts and not resolved, if all files tested
were linked correctly, checked the labels.
all right, can not solve the problem, I can just position the bubble in the correct place when the console manually modify the css, most espeficicamente the matrix.
I took the test on another page with just the editor, without any other element, and it functioned normally, it confused me why I do not know if it's my mistake or plugin, I thought I better comment on why you might not be my mistake.
what do you think?
There should be a way to make de editor use only a specified subset of all the available formatting commands. This should be done when there is an array of modifiers on the options object:
$('.editor').notebook({
modifiers: ['bold', 'italic']
});
When there is no modifier property on the options object, all modifiers are to be used.
Apply a bullet list โ Ctrl+Shift+L
Is there a feature to insert text at the cursor?
If not I think this should be added.
I'll use the editor within a form with an input hidden
This form is for creating a blog post on, now occurred to me while testing something, the title of the blog post will be an H1 tag, if you subtitulos my only option would be the H2 editor, but what if after I need a subtitle another smaller subtitle could not use the h2 again because when trying to format the css I would end up leaving the two song of the same size without having to differentiate from one another. The case worsens when the editor does not support classes.
An alternative would be to manually write an H3 or H2 with a subtitle for this class, but do not think that is an advantage since I use an editor to do exactly that.
In my opinion this is a point that should be taken into consideration
assuming the editor is going to be used in many different designs and different way
Sorry if bothering :)
forgiveness for clerical errors
Write a text and create a link. It works.
Create another link and the url is placed in the middle of the editor, and so goes on for the next links.
The button is already on the command bubble but it doesn't do anything yet. When the button is clicked the contents of the bubble should be replaced with a text input if there is a selection. Upon capturing the enter key press while the focus is on the text input, the selection must be transformed into a link if the url entered by the user is indeed a valid url (simple regex checking will suffice).
It should be possible to undo the changes using the default CTRL + Z command.
If you highlight text and release the mouse outside of the div, the text formatting bar does not show up.
Since placeholders are absolute positioned elements, they are always aligned left, even if editor has text-align: right;
If mode is inline
and I have all modifiers off, there shouldn't be any elements in editor. Just plain text.
Maybe, some modifiers should be switched off, if inline mode is activated. E.g. lists (h1, h2?)
Thanks!!
Trying to click the formatting button seem to only repeat the formatting command.
As @sonofpaul reported, these steps will reproduce the bug:
Highlight the word "released".
Select the "bullet" button.
Select the H2 button.
Select the H2 button again.
I'm trying to use the editor together with Twitter Bootstrap 3.1.1 but the bubble style is not correct and I can't find the reason. I created a jsFiddle that shows the error.
The bubble object contains a method checkForFormatting that checks what formatting are applied to the current selection. If this method would be called every time the user presses the h1 or h2 buttons, the editor could then check if the formatting is already there and return the selection to a simple p if the selection is indeed there.
Menu not appearing when you use ctrl+a keys to select all text, but the basic keyboard shortcuts will work.
Just in case the user wants to save the content in some file for offline usage.
The solution for this is the same as #31
To create lists, the user should be able to type 1 or a dash, and then continue writing. Upon hitting return a new list should be created with the previous line as the first element.
Double click will zoom my page and repeated efforts will select text the normal way on the mobile (to copy and paste). Testing on a Galaxy Note...
This would basically be the "view source" functionality (could be disabled via settings) that I like in many RTEs...
On 0.5, when the heading button is clicked, the whole line becomes the heading and not just the selection. The desired behaviour in this case would be to split the p element and create the heading with only the selected text.
If you paste a long document in the editor and you double click a piece of text at the bottom of the text, then the menu won't show up near the text but will stay pinned at the top of the editor
This is so that the editor's contents could be posted on a simple form. It would be interesting to see how other text editors handle the HTML escaping on this case.
The following items should be addressed:
Hi
is there an easy to augment the main features
for example to add new function in the tool bar
like add image ? is there a pluggin architecture or best practise document to follow ?
Cheers
Thanks for This great pluggin
... and presumably all android. I only see the cut/copy/paste options when highlighting text.
If you have a long document and you do changes at the bottom of this document, the 'undo' command won't scroll back to where the changes are undone.
This can be confusing as it seems that nothing happens on undo, even though the changes are performed in the document.
Would be excellent if you could provide a list of compatible browsers. Quite difficult to know if the plugin is suitable elsewise. Thank you!
That would make the plugin even more useful, basically some kind of configurable callback like onChange: function() { ... }, doesn't even have to be ajax itself, just offer that callback and fire it at appropriate places maybe? Others could be onSave(), onSaved() etc.
Bubble panel should be completely gone, if there are no modifiers (I set it as modifiers: []
). Otherwise, small black dot appears instead of bubble panel.
Currently, the editor is unable to perform a Undo command when all text text of the editor is removed. This is probably because of the placeholder text logic.
When pasting text into an empty editor with a placeholder, the placeholder is mistakenly prepended into the editor's content.
This should also make it possible to remove the modifiers (some modifiers like bold and italic already behave this way) and when linking the link button when there is alink on the selection, the link should appear on the link insertion area.
Binding the touch events should do the trick.
A simple readme.md will suffice.
Implement the optional autofocus functionality. The autofocus should be an optional property on the options object:
$('.editor').notebook({
autoFocus: true
});
Hi guys, first I would like to thank you for very nice work. I am going to use it in my blogging platform called Skribo, but there is one very serious bug. Look at the screencast:
If you erase all content, it's erased with all paragraphs. And then, if you start to type new text, the text is not put into paragraphs but right into editor's div or (after ENTER) into other divs.
When I tried to write editor for Skribo by myself, I stuck right on this problem. But i am pretty sure, that you will solve it.
Problem is - for multiline version - to keep at least one paragraph inside the editor. It shouldn't be possible to erase it.
It seems, that if there are more than one editors on one page, the last one rewrites the Bubble panel. It is problem, when you have different modifiers activated for every editor.
The Add Image_ functionality should a callback to be supplied on the options object. This callback will be called once the Add image button is pressed on the context bubble so that the user of the plugin can prompt the final user to choose or upload an image. One of the arguments of the callback will be another function to be called passing the image url once the user has chosen an image.
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.