From 2823cc57834ffaf0aef07cd7ed482a4e585ec46a Mon Sep 17 00:00:00 2001
From: tianyaxiang <tianyaxiang@qq.com>
Date: Sun, 2 Feb 2025 08:23:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/editor/WechatEditor.tsx | 18 ++--
src/config/wechat-templates.ts | 119 +++++++++++++++++++++++++
src/styles/templates/wechat.css | 3 +-
3 files changed, 133 insertions(+), 7 deletions(-)
diff --git a/src/components/editor/WechatEditor.tsx b/src/components/editor/WechatEditor.tsx
index 71a9dba..9718343 100644
--- a/src/components/editor/WechatEditor.tsx
+++ b/src/components/editor/WechatEditor.tsx
@@ -99,26 +99,32 @@ export default function WechatEditor() {
...(template?.options?.block || {}),
...(styleOptions.block || {}),
// 合并标题样式，保留模版中的其他样式属性
- h1: {
+ h1: {
...(template?.options?.block?.h1 || {}),
...(styleOptions.block?.h1 || {}),
fontSize: styleOptions.block?.h1?.fontSize || template?.options?.block?.h1?.fontSize || '24px',
color: styleOptions.base?.themeColor || template?.options?.base?.themeColor || '#1a1a1a',
- borderBottom: `2px solid ${styleOptions.base?.themeColor || template?.options?.base?.themeColor || '#1a1a1a'}`
+ ...(template?.options?.block?.h1?.borderBottom && {
+ borderBottom: `2px solid ${styleOptions.base?.themeColor || template?.options?.base?.themeColor || '#1a1a1a'}`
+ })
},
- h2: {
+ h2: {
...(template?.options?.block?.h2 || {}),
...(styleOptions.block?.h2 || {}),
fontSize: styleOptions.block?.h2?.fontSize || template?.options?.block?.h2?.fontSize || '20px',
color: styleOptions.base?.themeColor || template?.options?.base?.themeColor || '#1a1a1a',
- borderBottom: `2px solid ${styleOptions.base?.themeColor || template?.options?.base?.themeColor || '#1a1a1a'}`
+ ...(template?.options?.block?.h2?.borderBottom && {
+ borderBottom: `2px solid ${styleOptions.base?.themeColor || template?.options?.base?.themeColor || '#1a1a1a'}`
+ })
},
- h3: {
+ h3: {
...(template?.options?.block?.h3 || {}),
...(styleOptions.block?.h3 || {}),
fontSize: styleOptions.block?.h3?.fontSize || template?.options?.block?.h3?.fontSize || '1.1em',
color: styleOptions.base?.themeColor || template?.options?.base?.themeColor || '#1a1a1a',
- borderLeft: `3px solid ${styleOptions.base?.themeColor || template?.options?.base?.themeColor || '#1a1a1a'}`
+ ...(template?.options?.block?.h3?.borderLeft && {
+ borderLeft: `3px solid ${styleOptions.base?.themeColor || template?.options?.base?.themeColor || '#1a1a1a'}`
+ })
},
p: {
...(template?.options?.block?.p || {}),
diff --git a/src/config/wechat-templates.ts b/src/config/wechat-templates.ts
index 2a3de51..3fdb722 100644
--- a/src/config/wechat-templates.ts
+++ b/src/config/wechat-templates.ts
@@ -426,5 +426,124 @@ export const templates: Template[] = [
}
},
transform: (html: string) => html
+ },
+ {
+ id: 'smartisan',
+ name: '锤子便签',
+ description: '简洁优雅的锤子便签风格',
+ styles: 'prose-smartisan',
+ options: {
+ base: {
+ themeColor: 'rgb(99, 87, 83)',
+ fontFamily: '-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif',
+ textAlign: 'left',
+ lineHeight: '1.75',
+ padding: '1.2rem',
+ margin: '0 auto',
+ wordBreak: 'break-word',
+ whiteSpace: 'pre-wrap',
+ fontSize: '16px',
+ color: 'rgb(99, 87, 83)'
+ },
+ block: {
+ h1: {
+ fontSize: '24px',
+ fontWeight: 'bold',
+ color: '#333333',
+ margin: '1.5em 0 1em',
+ padding: '0.5em 0',
+ textAlign: 'center'
+ },
+ h2: {
+ fontSize: '20px',
+ fontWeight: 'bold',
+ color: '#333333',
+ margin: '1.5em 0 1em',
+ padding: '0.3em 0',
+ textAlign: 'left'
+ },
+ h3: {
+ fontSize: '18px',
+ fontWeight: 'bold',
+ color: '#333333',
+ margin: '1.2em 0 0.8em',
+ paddingLeft: '0.8em',
+ },
+ p: {
+ margin: '1.2em 0',
+ lineHeight: '1.8',
+ color: '#333333',
+ fontSize: '16px',
+ textAlign: 'justify',
+ letterSpacing: '0.05em'
+ },
+ blockquote: {
+ margin: '1.2em 0',
+ padding: '1em 1.2em',
+ borderLeft: '4px solid #FF6E42',
+ background: '#F8F9FA',
+ borderRadius: '0 4px 4px 0',
+ color: '#666666'
+ },
+ ul: {
+ margin: '1em 0',
+ paddingLeft: '1.5em',
+ listStyle: 'disc',
+ color: '#333333'
+ },
+ ol: {
+ margin: '1em 0',
+ paddingLeft: '1.5em',
+ listStyle: 'decimal',
+ color: '#333333'
+ },
+ code_pre: {
+ margin: '1.2em 0',
+ padding: '1em',
+ background: '#F8F9FA',
+ borderRadius: '4px',
+ fontSize: '14px',
+ fontFamily: 'Menlo, Monaco, Consolas, "Courier New", monospace',
+ overflowX: 'auto'
+ },
+ image: {
+ margin: '1.2em auto',
+ display: 'block',
+ borderRadius: '4px'
+ }
+ },
+ inline: {
+ strong: {
+ color: '#FF6E42',
+ fontWeight: 'bold'
+ },
+ em: {
+ fontStyle: 'italic',
+ color: '#666666'
+ },
+ link: {
+ color: '#FF6E42',
+ textDecoration: 'none',
+ borderBottom: '1px solid #FF6E42'
+ },
+ codespan: {
+ background: '#F8F9FA',
+ padding: '0.2em 0.4em',
+ borderRadius: '3px',
+ fontSize: '0.9em',
+ color: '#FF6E42',
+ fontFamily: 'Menlo, Monaco, Consolas, "Courier New", monospace'
+ },
+ listitem: {
+ margin: '0.5em 0',
+ lineHeight: '1.8'
+ }
+ }
+ },
+ transform: (html: string) => {
+ return `<section id="nice" style="margin: 0; padding: 10px 20px; background-color: rgb(251, 247, 238); width: auto; font-family: PingFangSC-regular, sans-serif; font-size: 16px; color: rgb(0, 0, 0); line-height: 1.5em; word-spacing: 0; letter-spacing: 0; word-break: break-word; overflow-wrap: break-word; text-align: left;">
+ ${html}
+ </section>`;
+ }
}
];
\ No newline at end of file
diff --git a/src/styles/templates/wechat.css b/src/styles/templates/wechat.css
index 60919a6..27c655a 100644
--- a/src/styles/templates/wechat.css
+++ b/src/styles/templates/wechat.css
@@ -13,4 +13,5 @@
.wechat-template p {
margin-bottom: 1em;
color: #333;
-}
\ No newline at end of file
+}
+