Giter VIP home page Giter VIP logo

editable's People

Contributors

andyburke avatar bmcmahen avatar mnmly avatar yields 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

editable's Issues

Cannot get the demo to work (component newbie here)

I followed the directions to install editable -- twice -- and still cannot get past the console error in Safari: Error: failed to require "k" while trying to view the demo page. I have tried manually installing yields/k and also (in a new directory) not doing that -- just in case. I am not sure how to resolve this. Can anyone help?

Thanks,

Walter

demo not working

just checked out the online demo, didn't check master. got this error in safari 7:

screen shot 2013-11-04 at 10 27 36 am
screen shot 2013-11-04 at 10 27 32 am

Question: What part normalizes the "enter"?

Hey!

I am trying to integrate the editable functionality and have a question regarding the noramlization, because I want rather to use a <div> for new lines.

What part handles the enter keydown? I couldn't find it :(

Cheers.

Manipulating lists creates markup with inline styles

Reproduce bug:

  1. Open demo in Google Chrome
  2. Write few lines of text
  3. Select some of these lines and convert to UL/OL
  4. Click the same button again

You will end up with completely different markup including SPAN inline styles which is especially undesired.

Before executing step 3:
image

After step 4:
image

mouse over titles contain '⌘'

Observation:
Noticed that when you run your mouse over title controls, the following is unnecessarily appended to start of description.

What should happen:
Nothing should be pre-pended on title.

Reproduce:

  • load page.
  • run mouse over 'B' control
  • mouse-over title shows the following, '⌘ + b'
  • view source reveals 'title='⌘ + b''

Potential source:
checking the source in index.html noticed the following embedded in the page ''⌘ + b". This could be client side not being able to recognise the symbol.

problems with undo

On your demo, if I only type one letter I can't actually undo that letter input. This isn't very obvious right now because editable saves so frequently. But I'm attempting to patch that right now -- to provide a delayed 'change' such that the history is only updated after 500ms of inactivity by the user -- and it becomes much more evident.

It also seems to push to history some invisible changes, such that calling undo doesn't actually appear to do anything.

undo should sometimes select a range

Undo is a little bit funky and not like other editors

steps:

  1. select a word
  2. hit bold
  3. unselect (click at end of word)
  4. undo

editors like google docs select the range you bolded, while editable will just place the cursor at the end.

Undo moves cursor to beginning of the document

Steps to reproduce:

  1. Edit the document
  2. Use the undo keyboard shortcut for your OS
  3. Watch the cursor move to the beginning of the document
  4. Type to see that the cursor did in fact move

I'd expect the cursor to not move.

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.