84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
最近想学着写一下markdow编辑器。但是在实现加粗、斜体等类似功能的时候不知道该怎么弄了。
请问一下segmentfault的类似于加粗,斜体的编辑功能是如何实现的呢?
就是怎么获取到选取的文字,然后点击加粗按钮后,用使用markdown语法的内容替换原本选中的文字并且还保持文字的选中状态呢?
认证高级PHP讲师
SF 已开源
https://github.com/SegmentFau...
html标签啊 css样式 啊
html
<p class="answer fmt" data-id="1020000007020989"> <p><code>html</code>标签啊 <strong>css</strong>样式 啊</p> </p>
刚弄了 js,就已经采纳了~ 还是贴了吧
function $$(id){ return document.getElementById(id); } function textSelect(textBox,start,end){ if(textBox.setSelectionRange){ textBox.setSelectionRange(start,end); }else if(textBox.createTextRange){ var rang = textBox.createTextRange(); rang.collapse(true); rang.moveStart('character',start); rang.moveEnd('character',end-start); rang.select(); } textBox.focus(); } textSelect($$("myEditor"),5,15); //SF 的编辑区id 是"myEditor"
其实就是给选中的文字套了一层标签,然后给这层标签设置样式
SF 已开源
https://github.com/SegmentFau...
html
标签啊 css样式 啊刚弄了 js,就已经采纳了~
还是贴了吧
其实就是给选中的文字套了一层标签,然后给这层标签设置样式