基本设置中增加匿名评论时昵称、电子邮件、网站的输入提示配置，可以修改评论时对应输入框的提示文字

packages/comment-widget/src/base-form.ts

@@ -13,6 +13,9 @@ import {
   kindContext,
   nameContext,
   toastContext,
+  nicknamePlaceholderContext,
+  emailPlaceholderContext,
+  websitePlaceholderContext,
 } from './context';
 import './emoji-button';
 import './icons/icon-loading';
@@ -60,6 +63,18 @@ export class BaseForm extends LitElement {
   @state()
   toastManager: ToastManager | undefined;
 
+  @consume({ context: nicknamePlaceholderContext, subscribe: true  })
+  @state()
+  nicknamePlaceholder = '';
+
+  @consume({ context: emailPlaceholderContext, subscribe: true  })
+  @state()
+  emailPlaceholder = '';
+
+  @consume({ context: websitePlaceholderContext, subscribe: true  })
+  @state()
+  websitePlaceholder = '';
+
   textareaRef: Ref<HTMLTextAreaElement> = createRef<HTMLTextAreaElement>();
 
   get customAccount() {
@@ -182,21 +197,21 @@ export class BaseForm extends LitElement {
                 name="displayName"
                 value=${this.customAccount.displayName}
                 type="text"
-                placeholder="昵称"
+                placeholder=${this.nicknamePlaceholder}
                 required
               />
               <input
                 name="email"
                 value=${this.customAccount.email}
                 type="email"
-                placeholder="电子邮件"
+                placeholder=${this.emailPlaceholder}
                 required
               />
               <input
                 name="website"
                 value=${this.customAccount.website}
                 type="url"
-                placeholder="网站"
+                placeholder=${this.websitePlaceholder}
               />
               <a href=${this.loginUrl} rel="nofollow">（或登录账号）</a>
             </div>`

packages/comment-widget/src/comment-widget.ts

@@ -31,6 +31,9 @@ import {
   useAvatarProviderContext,
   versionContext,
   withRepliesContext,
+  nicknamePlaceholderContext,
+  emailPlaceholderContext,
+  websitePlaceholderContext,
 } from './context';
 import { ToastManager } from './lit-toast';
 import baseStyles from './styles/base';
@@ -71,6 +74,18 @@ export class CommentWidget extends LitElement {
   @property({ type: Number, attribute: 'with-reply-size' })
   withReplySize = 10;
 
+  @provide({ context: nicknamePlaceholderContext })
+  @property({ type: String, attribute: 'nickname-placeholder' })
+  nicknamePlaceholder = '';
+
+  @provide({ context: emailPlaceholderContext })
+  @property({ type: String, attribute: 'email-placeholder' })
+  emailPlaceholder = '';
+
+  @provide({ context: websitePlaceholderContext })
+  @property({ type: String, attribute: 'website-placeholder' })
+  websitePlaceholder = '';
+
   @provide({ context: useAvatarProviderContext })
   @property({ type: Boolean, attribute: 'use-avatar-provider' })
   useAvatarProvider = false;

packages/comment-widget/src/context/index.ts

@@ -13,6 +13,9 @@ export const useAvatarProviderContext = createContext<boolean>(Symbol('useAvatar
 export const avatarProviderContext = createContext<string>(Symbol('avatarProvider'));
 export const avatarProviderMirrorContext = createContext<string>(Symbol('avatarProviderMirror'));
 export const avatarPolicyContext = createContext<string>(Symbol('avatarPolicy'));
+export const nicknamePlaceholderContext = createContext<string>(Symbol('nicknamePlaceholder'));
+export const emailPlaceholderContext = createContext<string>(Symbol('emailPlaceholder'));
+export const websitePlaceholderContext = createContext<string>(Symbol('websitePlaceholder'));
 
 export const allowAnonymousCommentsContext = createContext<boolean>(
   Symbol('allowAnonymousComments')

packages/widget/src/index.ts

@@ -16,6 +16,9 @@ interface Props {
   avatarProviderMirror?: string;
   avatarPolicy?: string;
   captchaEnabled: boolean;
+  nicknamePlaceholder?: string;
+  emailPlaceholder?: string;
+  websitePlaceholder?: string;
 }
 
 export function init(el: string, props: Props) {
@@ -44,6 +47,9 @@ export function init(el: string, props: Props) {
   commentWidget.avatarProviderMirror = props.avatarProviderMirror || '';
   commentWidget.avatarPolicy = props.avatarPolicy || '';
   commentWidget.captchaEnabled = props.captchaEnabled || false;
+  commentWidget.nicknamePlaceholder = props.nicknamePlaceholder || '';
+  commentWidget.emailPlaceholder = props.emailPlaceholder || '';
+  commentWidget.websitePlaceholder = props.websitePlaceholder || '';
 
   const observer = new IntersectionObserver((entries) => {
     entries.forEach((entry) => {

src/main/java/run/halo/comment/widget/DefaultCommentWidget.java

@@ -67,6 +67,9 @@ private String commentHtml(IAttribute groupAttribute, IAttribute kindAttribute,
         properties.setProperty("replySize", String.valueOf(basicConfig.getReplySize()));
         properties.setProperty("withReplies", String.valueOf(basicConfig.isWithReplies()));
         properties.setProperty("withReplySize", String.valueOf(basicConfig.getWithReplySize()));
+        properties.setProperty("nicknamePlaceholder", String.valueOf(basicConfig.getNicknamePlaceholder()));
+        properties.setProperty("emailPlaceholder", String.valueOf(basicConfig.getEmailPlaceholder()));
+        properties.setProperty("websitePlaceholder", String.valueOf(basicConfig.getWebsitePlaceholder()));
 
         var avatarConfig = settingConfigGetter.getAvatarConfig().blockOptional().orElseThrow();
         properties.setProperty("useAvatarProvider", String.valueOf(avatarConfig.isEnable()));
@@ -100,6 +103,9 @@ private String commentHtml(IAttribute groupAttribute, IAttribute kindAttribute,
                   avatarProviderMirror: "${avatarProviderMirror}",
                   avatarPolicy: "${avatarPolicy}",
                   captchaEnabled: ${captchaEnabled},
+                  nicknamePlaceholder: "${nicknamePlaceholder}",
+                  emailPlaceholder: "${emailPlaceholder}",
+                  websitePlaceholder: "${websitePlaceholder}",
                 }
               );
             </script>

src/main/java/run/halo/comment/widget/SettingConfigGetter.java

@@ -69,6 +69,9 @@ class BasicConfig {
         private int replySize;
         private boolean withReplies;
         private int withReplySize;
+        private String nicknamePlaceholder;
+        private String emailPlaceholder;
+        private String websitePlaceholder;
     }
 
     @Data

src/main/resources/extensions/settings.yaml

@@ -31,6 +31,30 @@ spec:
           key: withReplySize
           validation: required
           value: 5
+        - $formkit: text
+          label: 昵称输入提示
+          name: nicknamePlaceholder
+          id: nicknamePlaceholder
+          key: nicknamePlaceholder
+          value: "昵称"
+          help: 匿名评论时昵称输入栏的提示信息
+          validation: required
+        - $formkit: text
+          label: 电子邮件输入提示
+          name: emailPlaceholder
+          id: emailPlaceholder
+          key: emailPlaceholder
+          value: "电子邮件"
+          help: 匿名评论时电子邮件输入栏的提示信息
+          validation: required
+        - $formkit: text
+          label: 网站输入提示
+          name: websitePlaceholder
+          id: websitePlaceholder
+          key: websitePlaceholder
+          value: "网站"
+          help: 匿名评论时网站输入栏的提示信息
+          validation: required
     - group: security
       label: 安全设置
       formSchema: