[question] Edit file button

[Kikobeats]

Hello!

I'm using docsify at JS MythBusters, thanks for the project, it looks amazing 😄.

One of my goals of the project is make easy people add more information.

Because every item of the table of contents is mapped with a markdown file, do you think that could be more or less easy add a "Edit file" button (like Wikipedia) and automatically create a PR associated with the project?

Maybe it could be written as a plugin.

[QingWei-Li]

Hi, @Kikobeats
We can get the file path through the built-in method, so it's easy to implement this plugin. For example

function(hook, vm) {
   const path = window.Docsify.route.parse().path
   console.log(vm.$getFile(path)) // such as `/README.md`
}

Do you want to submit a PR to implement it? 👻

[Kikobeats]

could be good idea place the html for the button and put the href using js?

[QingWei-Li]

We can insert html by hook function. See https://github.com/QingWei-Li/docsify/blob/master/docs/index.html#L56 and https://docsify.js.org/#/write-a-plugin

[QingWei-Li]

Hi, @Kikobeats

I have added it to the doc, you can refer to this example.

window.$docsify = {
  plugins: [
    function(hook, vm) {
      hook.beforeEach(function (html) {
        var url = 'https://github.com/QingWei-Li/docsify/blob/master/docs' + vm.router.getFile()
        var editHtml = '[📝 EDIT DOCUMENT](' + url + ')\n'

        return editHtml
          + html
          + '\n----\n'
          + 'Last modified {docsify-updated} '
          + editHtml
      })
    }
  ]
}

[Kikobeats]

amazing, let me try it into mythbusters website, thanks!

[Kikobeats]

@QingWei-Li any idea how I can insert int after the first h1 ?

[QingWei-Li]

Is it possible to use regular expression?

[Kikobeats]

@QingWei-Li sounds very weird