javascript - Google Blogger 剥离 <p> 标签,需要一种方法来对每个节的开头进行文本缩进

标签 javascript jquery css blogger

这是一个已经在这里问过的问题,但我不是在这里问如何插入 <p>标签。

假设我的 Google 博客中的“Compose”编辑器已打开,并且有以下文本:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mauris est, dictum quis efficitur at, porttitor vitae libero. Pellentesque eget finibus sem. Nam sapien est, accumsan a rhoncus id.

Interdum non lectus. Nullam in imperdiet erat. Suspendisse mollis urna eget quam rutrum, id tristique massa luctus. Donec sodales odio eu ipsum faucibus, eu tempus erat faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

我需要的结果是这样的:

          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mauris est, dictum quis efficitur at, porttitor vitae libero. Pellentesque eget finibus sem. Nam sapien est, accumsan a rhoncus id.

          Interdum non lectus. Nullam in imperdiet erat. Suspendisse mollis urna eget quam rutrum, id tristique massa luctus. Donec sodales odio eu ipsum faucibus, eu tempus erat faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

正如您所看到的,每个节号的第一行之前有一个空格。很好,但到目前为止我发现的唯一方法是手动执行此操作,并且仅使用 HTML 实体 &nbsp;

我想做的是自动text-indent:80px每个节的第一行。我认为它应该是模板内的 CSS + jQuery 脚本,但到目前为止我还没有找到与此问题相关的任何内容。

编辑:我无法使用 <p>标签,因为它们只会被编辑器删除。

最佳答案

您可能需要使规则更加具体,但也许可以尝试使用 before CSS 伪选择器:

div:before {
  content: "";
  margin-left: 20px;
}

关于javascript - Google Blogger 剥离 <p> 标签,需要一种方法来对每个节的开头进行文本缩进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39481326/

相关文章:

javascript - 如何生成自定义 .otf 字体子集文件?

javascript - 为什么我的回调函数总是返回错误而不是响应

javascript - .click() 不更新按钮状态

html - 在 HTML 文本输入中选择文本时更改突出显示颜色

javascript - 将 onclick 功能从元素转移到 Javascript 中的按钮

javascript 调用类方法

javascript - 单击 "View All"时重置词汇表项

javascript - jQuery - 在执行函数之前创建第一个动态页面

CSS floats 'boxes' 布局不同大小的盒子

javascript - 为什么我不能用IE8点击这个?