When i try to select text in Chrome via keyboard shortcuts (option & arrow keys), the toolbar doesn't show up...

destroy not destory

Pls fix it, IMPORTANT ! :P

Thanks so much

类似于Medium那样，如果别人查看的话，可以对某个内容做评论，这样对于我们做编辑的同学就可以查看大家的内容和建议

What about if destroy func. will remove class="pen" when destroy ?

Wanna know, How can I destroy Pen function ?

Example :

When I hover A element so

var penA = new Pen({editor: document.querySelector('.A')});

When mouseover how to destroy that ?

It seems that most 'medium-style' editing experiences eschew HTML tables. I think I get the reasoning, but I also think there's certainly a place for one that includes simplified table management. Is there any appetite for this in your project?

Is there anyway to have placeholder text show up when the user deletes the content in the pen editor?

Google Chrome Version 23.0.1271.97

在选择最左边字符时间，浮层显示不完整

Should be cool, if we have option like..

var options = {
  PastePlainText : true
}

Just let user paste plain text only (so another DIV inserted or more kidding div)

I know a solution like..

$('[contenteditable]').on('paste', function (e) {
    e.preventDefault();
    document.execCommand('inserttext', false, prompt('Paste something.'));
});

But maybe you know better to do

EXTRA : Should be cool if this option listened option from list like list: ['bold', 'italic', 'underline']

So no H1 H2 LINK or another allowed

JUST A IDEA :D

对于习惯大范围的选中的，鼠标up的时候习惯在区域外面了，然后就不会弹出菜单。

比如页面结果为：
test

+空格 test就会被影响。

我觉得空格后应该影响当前行后面的文字，而不是上一行的文字。
目前感觉markdown的书写体验不太好

I noticed that, when I type in ", ', ... or --, they're simply displayed as-is, however in Medium's editor, they're automatically converted to more appropriate forms. For example, "quotes" to “quotes” (“ and ”), ... to … (…) and -- to — (—). Maybe you could consider this feature in future releases. Thank you!

http://sofish.github.io/pen/

最后一行 "Steve Jobs" 前一行输入 "*"，然后发现 'Steve Jobs' 的文字就消失了

。。写了几个字，然后选择之后，加上链接。接下来继续往下写。。

就都有下划线了。

`First : readme.md

Code block: type ```

Change to :

Code block: type <code>`</code>

:P

Ok, I tested on your demo

Coz I using Mac ? or what ?

I made a tester for see keycode

http://jsfiddle.net/FL6vk/

I paste (Shit + ´) , Show nothing..

建议监听键盘事件

比那个 ZenPen 好用多了！希望加上插图、制表、选色等功能。

When using either the ordered or unordered list buttons this style gets added inline to the element (at least in the live demo):

font-size: 1.36em; line-height: 1.45;

causing the element to bigger than it should, this behaviour latches and cannot be removed

An empty editor doesn't default to a

tag

Also, a line break after anything else but a p tag results in a

When the editor is destoryed, its better to not ask user about leaving the page, because the destory is meant to end the editing.

I try to make onClick example by jQuery

var pen;
var pen_current;
$('.a, .b').on('click',function(){
    if(!$(this).is(pen_current)) {
        if(pen) {
            pen_current.removeClass('pen'); // Request #issus53
            $('.pen-menu').remove(); // Bug?
            pen.destroy();
        }
        pen = new Pen({
                        editor: $(this)[0],
                        list: ['bold', 'italic', 'underline']
                    });
        pen_current = $(this);
    }
});

http://jsfiddle.net/cmJXd/

All work now

But I seems some bug (or i do something wrong)

• Duplicate Pen menu .pen-menu (they dont removed but display:none)
• Class dosnt removed #53
• Error when select a text (sometimes) TypeError: menu.querySelector(...) is null pen.js (line 227)

1. easy to export content
2. easy to bind to an hidden input/textarea

Hello,
When I've included pen.css, all my fontawesome icons started to appear really strange, like in that screenshot

Maybe pen overwrite fontawesome font ?
Do you have any ideas on how to solve that
Thanks in advance

使用#时，改变了前一行的标签，并删去当前行。

生成的 <HX> 会相互嵌套,导致字体大小混乱（默认单位是em）

选择内容后工具浮出层出现,然后取消选择,但工具浮出层没有隐藏

Hi there!

i've got a bug in firefox when i insert a link and continue writing, the new text is contained in the link...

I wonder how to support multiple elements

Example :
<div class="editme_1"></div>

<div>Disalow</div>

<div class="editme_2"></div>

刚刚试玩了一下demo，新添加的内容，鼠标由后向前选择菜单无法弹出
环境： chrome 31.0.1612.2

假如H2，H3标签作用在整行的话，那选中是不是就没有意义了？

可以将选中文字单独抽取出来添加H标签