LuRenJiasWorld / WP-Editor.md

或许这是一个WordPress中最好,最完美的Markdown编辑器
https://wordpress.org/plugins/wp-editormd/
GNU General Public License v3.0
746 stars 87 forks source link

[Feature]可否添加一个选择是否自动为Markdown标题添加多级编号的选项 #525

Closed shengqiangzhang closed 1 year ago

shengqiangzhang commented 3 years ago

该功能的缺失是否引起你的使用不便? | Is your feature request related to a problem? 我在使用Markdown编辑的时候,想为标题自动添加编号,但是默认的效果是没有添加编号的,所以我在.md文件里面添加了css来自动添加编号。

但是在正式发布文章的时候,发现这部分的css会影响到主页的东西。主页中的非文章区域的部分,只要是一级标题、二级标题、……都会自动编号,这不是我预期想要的效果。

你认为该功能应该是什么样的? | Describe the solution you'd like css部分只对文章内的标题生效,而不对主页中的其他元素生效。

其他信息 | Additional context

我目前的做法是这样的:

  1. 在创建文章中,直接插入css部分

    <style type="text/css">
    h1 { counter-reset: h2counter; }
    h2 { counter-reset: h3counter; }
    h3 { counter-reset: h4counter; }
    h4 { counter-reset: h5counter; }
    h5 { counter-reset: h6counter; }
    h6 { }
    h2:before {
      counter-increment: h2counter;
      content: counter(h2counter) ".\0000a0\0000a0";
    }
    h3:before {
      counter-increment: h3counter;
      content: counter(h2counter) "."
                counter(h3counter) ".\0000a0\0000a0";
    }
    h4:before {
      counter-increment: h4counter;
      content: counter(h2counter) "."
                counter(h3counter) "."
                counter(h4counter) ".\0000a0\0000a0";
    }
    h5:before {
      counter-increment: h5counter;
      content: counter(h2counter) "."
                counter(h3counter) "."
                counter(h4counter) "."
                counter(h5counter) ".\0000a0\0000a0";
    }
    h6:before {
      counter-increment: h6counter;
      content: counter(h2counter) "."
                counter(h3counter) "."
                counter(h4counter) "."
                counter(h5counter) "."
                counter(h6counter) ".\0000a0\0000a0";
    }
    </style>
  2. 发布文章

  3. 文章内显示正常,但是在主页中,其他区域的标题也会给自动添加编号了。

image

mildRain commented 3 years ago

创建文章中怎么插入css,我直接粘贴css进去没什么生效。。。

LuRenJiasWorld commented 1 year ago

你好,建议针对具体主题撰写完整的 css selector,以便只对正文部分生效。插件本身无法解决 css selector 的 scope 问题。

LuRenJiasWorld commented 1 year ago

创建文章中怎么插入css,我直接粘贴css进去没什么生效。。。

请检查一下是否开启了 HTML 解析模式。