加载中,请稍候...

高性能模式

微信公众号文章排版工具 V23.0

优化版:编辑、预览与代码三区同时显示

优化功能:弹窗居中 | 暗黑模式复制按钮 | 性能优化

编辑区

微信公众号排版工具V23.0

优化版 - 编辑、预览、代码三区同时显示

使用指南

在编辑区编辑内容,右侧会实时显示微信公众号手机预览效果和HTML代码。您可以:

  • 使用工具栏按钮格式化文本
  • 插入图片、代码块和各种卡片
  • 点击"复制HTML代码"按钮一键复制
  • 点击"显示HTML源代码"按钮查看代码
  • 使用"格式化文本"功能清除所有格式
  • 使用工具栏的"撤销"按钮回退操作

iPhone样式预览让您能够更真实地看到文章在手机上的效果,提升编辑体验

引用文本现在使用H2标题样式,并移除了图标显示

插入图片示例

点击工具栏上的"插入图片"按钮,可以上传本地图片:

代码块示例

JavaScript
复制
// JavaScript代码示例
function formatAllText() {
    // 清除所有格式并应用基本样式
    const elements = document.querySelectorAll('#editor > *');
    elements.forEach(el => {
        if (el.tagName !== 'DIV' || !el.dataset.cardType) {
            const p = document.createElement('p');
            p.textContent = el.textContent;
            p.style.cssText = 'margin: 0 0 10px; font-size: 17px;';
            el.replaceWith(p);
        }
    });
    updateHtmlOutput();
}
字数: 0 已保存
手机预览
12:30 12:30
5G 100%

微信公众号文章

复制成功!