github/marktext
5
0
Fork 0
mirror of https://github.com/marktext/marktext.git synced 2025-05-02 03:29:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add option to disable HTML rendering (#2414)

Browse Source
This commit is contained in:
Felix Häusler 2020-12-17 23:19:22 +01:00 committed by GitHub
parent 2634f42204
commit 19eab7d1fc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 56 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/main/preferences/schema.json
View File

@ -289,6 +289,11 @@
"type": "boolean",
"default": false
},
"isHtmlEnabled": {
"description": "Markdown-Enable HTML rendering",
"type": "boolean",
"default": true
},
"isGitlabCompatibilityEnabled": {
"description": "Markdown-Enable GitLab compatibility mode.",
"type": "boolean",

5
src/muya/lib/config/index.js
View File

@ -283,7 +283,10 @@ export const MUYA_DEFAULT_OPTION = Object.freeze({
// Markdown extensions
superSubScript: false,
footnote: false,
isGitlabCompatibilityEnabled: false
isGitlabCompatibilityEnabled: false,
// Whether HTML rendering is disabled or not.
disableHtml: true
})
// export const DIAGRAM_TEMPLATE = Object.freeze({

3
src/muya/lib/contentState/pasteCtrl.js
View File

@ -74,7 +74,8 @@ const pasteCtrl = ContentState => {
}
// Prevent XSS and sanitize HTML.
const sanitizedHtml = sanitize(html, PREVIEW_DOMPURIFY_CONFIG)
const { disableHtml } = this.muya.options
const sanitizedHtml = sanitize(html, PREVIEW_DOMPURIFY_CONFIG, disableHtml)
const tempWrapper = document.createElement('div')
tempWrapper.innerHTML = sanitizedHtml

4
src/muya/lib/parser/marked/options.js
View File

@ -30,5 +30,7 @@ export default {
frontMatter: true,
superSubScript: false,
footnote: false,
isGitlabCompatibilityEnabled: false
isGitlabCompatibilityEnabled: false,
isHtmlEnabled: true
}

3
src/muya/lib/parser/render/renderBlock/renderLeafBlock.js
View File

@ -132,7 +132,8 @@ export default function renderLeafBlock (parent, block, activeBlocks, matches, u
selector += `.${CLASS_OR_ID.AG_HTML_PREVIEW}`
Object.assign(data.attrs, { spellcheck: 'false' })
const htmlContent = sanitize(code, PREVIEW_DOMPURIFY_CONFIG)
const { disableHtml } = this.muya.options
const htmlContent = sanitize(code, PREVIEW_DOMPURIFY_CONFIG, disableHtml)
// handle empty html bock
if (/^<([a-z][a-z\d]*)[^>]*?>(\s*)<\/\1>$/.test(htmlContent.trim())) {

8
src/muya/lib/utils/exportHtml.js
View File

@ -13,7 +13,7 @@ import { validEmoji } from '../ui/emojis'
export const getSanitizeHtml = (markdown, options) => {
const html = marked(markdown, options)
return sanitize(html, EXPORT_DOMPURIFY_CONFIG)
return sanitize(html, EXPORT_DOMPURIFY_CONFIG, false)
}
const DIAGRAM_TYPE = [
@ -143,7 +143,7 @@ class ExportHtml {
mathRenderer: this.mathRenderer
})
html = sanitize(html, EXPORT_DOMPURIFY_CONFIG)
html = sanitize(html, EXPORT_DOMPURIFY_CONFIG, false)
const exportContainer = this.exportContainer = document.createElement('div')
exportContainer.classList.add('ag-render-container')
@ -192,7 +192,7 @@ class ExportHtml {
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>${sanitize(title, EXPORT_DOMPURIFY_CONFIG)}</title>
<title>${sanitize(title, EXPORT_DOMPURIFY_CONFIG, true)}</title>
<style>
${githubMarkdownCss}
</style>
@ -304,7 +304,7 @@ class ExportHtml {
}
output = output + createTableBody(html) + HF_TABLE_END
return sanitize(output, EXPORT_DOMPURIFY_CONFIG)
return sanitize(output, EXPORT_DOMPURIFY_CONFIG, false)
}
}

20
src/muya/lib/utils/index.js
View File

@ -6,6 +6,14 @@ let id = 0
const TIMEOUT = 1500
const HTML_TAG_REPLACEMENTS = {
'&': '&amp;',
'<': '&lt;',
'>': '&gt;',
'"': '&quot;',
"'": '&#39;'
}
export const getUniqueId = () => `${ID_PREFIX}${id++}`
export const getLongUniqueId = () => `${getUniqueId()}-${(+new Date()).toString(32)}`
@ -322,6 +330,10 @@ export const escapeInBlockHtml = html => {
})
}
export const escapeHtmlTags = html => {
return html.replace(/[&<>"']/g, x => { return HTML_TAG_REPLACEMENTS[x] })
}
export const wordCount = markdown => {
const paragraph = markdown.split(/\n{2,}/).filter(line => line).length
let word = 0
@ -363,8 +375,12 @@ export const mixins = (constructor, ...object) => {
return Object.assign(constructor.prototype, ...object)
}
export const sanitize = (html, options) => {
return runSanitize(escapeInBlockHtml(html), options)
export const sanitize = (html, purifyOptions, disableHtml) => {
if (disableHtml) {
return runSanitize(escapeHtmlTags(html), purifyOptions)
} else {
return runSanitize(escapeInBlockHtml(html), purifyOptions)
}
}
export const getParagraphReference = (ele, id) => {

10
src/renderer/components/editorWithTabs/editor.vue
View File

@ -140,6 +140,7 @@ export default {
frontmatterType: state => state.preferences.frontmatterType,
superSubScript: state => state.preferences.superSubScript,
footnote: state => state.preferences.footnote,
isHtmlEnabled: state => state.preferences.isHtmlEnabled,
isGitlabCompatibilityEnabled: state => state.preferences.isGitlabCompatibilityEnabled,
lineHeight: state => state.preferences.lineHeight,
fontSize: state => state.preferences.fontSize,
@ -285,6 +286,13 @@ export default {
}
},
isHtmlEnabled: function (value, oldValue) {
const { editor } = this
if (value !== oldValue && editor) {
editor.setOptions({ disableHtml: !value }, true)
}
},
isGitlabCompatibilityEnabled: function (value, oldValue) {
const { editor } = this
if (value !== oldValue && editor) {
@ -525,6 +533,7 @@ export default {
frontmatterType,
superSubScript,
footnote,
isHtmlEnabled,
isGitlabCompatibilityEnabled,
hideQuickInsertHint,
editorLineWidth,
@ -573,6 +582,7 @@ export default {
frontmatterType,
superSubScript,
footnote,
disableHtml: !isHtmlEnabled,
isGitlabCompatibilityEnabled,
hideQuickInsertHint,
hideLinkPopup,

6
src/renderer/prefComponents/markdown/index.vue
View File

@ -62,6 +62,11 @@
></bool>
<separator></separator>
<h5>Compatibility</h5>
<bool
description="Enable HTML rendering"
:bool="isHtmlEnabled"
:onChange="value => onSelectChange('isHtmlEnabled', value)"
></bool>
<bool
description="Enable GitLab compatibility mode"
:bool="isGitlabCompatibilityEnabled"
@ -121,6 +126,7 @@ export default {
frontmatterType: state => state.preferences.frontmatterType,
superSubScript: state => state.preferences.superSubScript,
footnote: state => state.preferences.footnote,
isHtmlEnabled: state => state.preferences.isHtmlEnabled,
isGitlabCompatibilityEnabled: state => state.preferences.isGitlabCompatibilityEnabled,
sequenceTheme: state => state.preferences.sequenceTheme
})

1
src/renderer/store/preferences.js
View File

@ -47,6 +47,7 @@ const state = {
frontmatterType: '-',
superSubScript: false,
footnote: false,
isHtmlEnabled: true,
isGitlabCompatibilityEnabled: false,
sequenceTheme: 'hand',

1
static/preference.json
View File

@ -43,6 +43,7 @@
"frontmatterType": "-",
"superSubScript": false,
"footnote": false,
"isHtmlEnabled": true,
"isGitlabCompatibilityEnabled": false,
"sequenceTheme": "hand",