简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 请问的编辑功能如何实现
PHP中文网
PHP中文网 2017-04-11 13:01:15
0
3
358

最近想学着写一下markdow编辑器。但是在实现加粗、斜体等类似功能的时候不知道该怎么弄了。

请问一下segmentfault的类似于加粗，斜体的编辑功能是如何实现的呢？

就是怎么获取到选取的文字，然后点击加粗按钮后，用使用markdown语法的内容替换原本选中的文字并且还保持文字的选中状态呢？

PHP中文网
PHP中文网

认证高级PHP讲师

répondre à tous (3)
黄舟
黄舟2017-04-11 13:03:15 3 plancher

SF 已开源

https://github.com/SegmentFau...

Comme+0
Ajouter une réponse
    大家讲道理
    大家讲道理2017-04-11 13:03:15 2 plancher

    html标签啊css样式 啊

     
    html标签啊 css样式 啊

    刚弄了 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"
    Comme+0
    Ajouter une réponse
      刘奇
      刘奇2017-04-11 13:03:15 1 plancher

      其实就是给选中的文字套了一层标签，然后给这层标签设置样式

      Comme+0
      Ajouter une réponse
        Sujets populaires
        Plus>
        Articles populaires
        Tutoriels populaires
        Plus>
        Tutoriels associés
        Recommandations populaires
        Derniers cours
        Derniers téléchargements
        Plus>
        effets Web
        Code source du site Web
        Matériel du site Web
        Modèle frontal
        À propos de nous Clause de non-responsabilité Sitemap
        Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！