如何在 UIWebview IOS 5 中使用 CodeMirror2 代码选择文本
我尝试使用 CodeMirror 2 在 UIWebview IOS 5 中制作文本编辑器。但是我在文本选择方面遇到了问题。我无法选择文本。
这是 codemirror.js 中的 codemirror 代码,
// Wraps and hides input textarea:
'<div style="overflow: hidden; position: relative; ' +
'width: 3px; height: 0px;">' +
'<textarea style="position: absolute; padding: 0; ' +
'width: 1px;" wrap="off" autocorrect="off" ' +
'autocapitalize="off">' +
'</textarea>' +
'</div>' +
从该代码中,我认为我必须使用具有 contenteditable 属性的“div”。 我计划将 textarea 更改为带有 contenteditable 属性的“div”,因为目前 iOS 5 已经支持 contenteditable 属性。但是,我不知道该怎么做。有人知道如何解决我的问题吗?
谢谢
I tried to used CodeMirror 2 for making a text editor in UIWebview IOS 5. But i had problem in text selection. I couldn't select text.
This is codemirror code in codemirror.js,
// Wraps and hides input textarea:
'<div style="overflow: hidden; position: relative; ' +
'width: 3px; height: 0px;">' +
'<textarea style="position: absolute; padding: 0; ' +
'width: 1px;" wrap="off" autocorrect="off" ' +
'autocapitalize="off">' +
'</textarea>' +
'</div>' +
from that code, I think i have to use "div" with contenteditable properties.
I plan to change textarea become "div" with contenteditable property becouse for now, iOS 5 has support contenteditable property. But, i'm not sure how to do that. Any one know how to solve my problem?
Thank you
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
CodeMirror 的构建方式是为了避免使用 contentEditable,因为跨浏览器的实现方式并不相同。
这是在 iOS 上运行的 CodeMirror2 自定义构建的演示(我不是作者): http ://www.litech.org/~schanzer/iOS/
如果您对使其正常工作所做的更改感兴趣,请尝试在源代码中搜索“iOS”或“CHANGE”,或使用它就这样。
这里是更新的源
CodeMirror was build in a way to avoid using contentEditable, because is not implemented the same across browsers.
This is a demo of a custom build of CodeMirror2 that works on iOS (I am not the author): http://www.litech.org/~schanzer/iOS/
If you're interested in the changes that were made to make it work try searching for "iOS" or "CHANGE" in the source, or use it as it is.
Here the updated source