diff --git a/src/settings.ts b/src/settings.ts index 4f8c6c7..39347fe 100644 --- a/src/settings.ts +++ b/src/settings.ts @@ -86,9 +86,9 @@ export class AutoClassifierSettingTab extends PluginSettingTab { tab.updateHotkeyVisibility(); }); }); - shortcutEl.descEl.innerHTML += ` -This plugin does not have default shortcuts to prevent shortcut conflicts.
-Assign your own shortcuts to run commands for different input types.` + shortcutEl.descEl.createSpan({text: 'This plugin does not have default shortcuts to prevent shortcut conflicts.'}); + shortcutEl.descEl.createEl('br'); + shortcutEl.descEl.createSpan({text: 'Assign your own shortcuts to run commands for different input types.'}); // ------- [API Setting] ------- @@ -107,7 +107,8 @@ Assign your own shortcuts to run commands for different input types.` }) ) // API Key Description & Message - apiKeySetting.descEl.innerHTML += 'Enter your ChatGPT API key. If you don\'t have one yet, you can create it at here'; + apiKeySetting.descEl.createSpan({text: 'Enter your ChatGPT API key. If you don\'t have one yet, you can create it at '}); + apiKeySetting.descEl.createEl('a', {href: 'https://platform.openai.com/account/api-keys', text: 'here'}) const apiTestMessageEl = document.createElement('div'); apiKeySetting.descEl.appendChild(apiTestMessageEl); @@ -315,13 +316,17 @@ Assign your own shortcuts to run commands for different input types.` this.display(); }) }); - - customPromptTemplateEl.descEl.innerHTML += ` -This plugin is based on the ChatGPT answer.
-You can use your own template when making a request to ChatGPT.

-Variables:
-- {{input}}: The text to classify will be inserted here.
-- {{reference}}: The reference tags will be inserted here.
`; + customPromptTemplateEl.descEl.createSpan({text: 'This plugin is based on the ChatGPT answer.'}); + customPromptTemplateEl.descEl.createEl('br'); + customPromptTemplateEl.descEl.createSpan({text: 'You can use your own template when making a request to ChatGPT.'}); + customPromptTemplateEl.descEl.createEl('br'); + customPromptTemplateEl.descEl.createEl('br'); + customPromptTemplateEl.descEl.createSpan({text: 'Variables:'}); + customPromptTemplateEl.descEl.createEl('br'); + customPromptTemplateEl.descEl.createSpan({text: '- {{input}}: The text to classify will be inserted here.'}); + customPromptTemplateEl.descEl.createEl('br'); + customPromptTemplateEl.descEl.createSpan({text: '- {{reference}}: The reference tags will be inserted here.'}); + customPromptTemplateEl.descEl.createEl('br'); const customChatRoleEl = new Setting(containerEl) .setName('Custom Chat Role') @@ -348,15 +353,8 @@ Variables:
this.display(); }) }); - - customChatRoleEl.descEl.innerHTML += ` -Define custom role to ChatGPT system.` + customChatRoleEl.descEl.createSpan({text: 'Define custom role to ChatGPT system.'}); } - - - - - }