Code Monkey home page Code Monkey logo

jquery-notebook's People

Contributors

alyssais avatar andrewcrocker avatar cabaret avatar cbartlett avatar jrkolsby avatar otaviosoares avatar raphaelcruzeiro avatar slahn avatar trevorhinesley avatar zraly avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jquery-notebook's Issues

The bubble

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?

Devise a way to make all the modifiers optional.

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.

Headings and subheadings

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

Add link bad behaviour

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.

Implement the create link funcionality

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).

parapraphs shouldn't be in inline mode

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!!

Devise a way to remove the formatting of heading text

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.

Shortcut for creating lists

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.

Improve the way that the heading modifiers are applied

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.

menu won't appear if large text in editor

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

Write a Contributing section on the README

The following items should be addressed:

  • What's is the official channel of discussion for the project?
  • How to start contributing?
  • Branching strategy
  • Coding style and conventions
  • How to get a feature into the project

Are there pluggins , like add img ?

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

Undo on non visible section of the document

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.

Browser compat list

Would be excellent if you could provide a list of compatible browsers. Quite difficult to know if the plugin is suitable elsewise. Thank you!

AJAX Callback to save changes to a CMS

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.

Optional autofocus

Implement the optional autofocus functionality. The autofocus should be an optional property on the options object:

$('.editor').notebook({
    autoFocus: true
});

<p>'s are gone after erasing all content

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:

http://quick.as/ded7ugj0

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.

Implement the Add Image functionality

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.