new_org
/
whale-web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use markdown for editing

This commit is contained in:
tomo 2021-04-22 20:33:51 +08:00
parent c72daf5b96
commit 61fa5e4496
9 changed files with 324 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
bluewhale/bluewhale/settings.py
View File

@ -87,13 +87,18 @@ WSGI_APPLICATION = 'bluewhale.wsgi.application'
# Database # Database
# https://docs.djangoproject.com/en/3.1/ref/settings/#databases # https://docs.djangoproject.com/en/3.1/ref/settings/#databases
# ENV variables
# export DB_HOST=127.0.0.1
# export DB_USER=bluewhale
# export DB_PASSWORD=bluewhale
# export DB_DATABASE=bluewhale
DATABASES = { DATABASES = {
'default': { 'default': {
'ENGINE': 'django.db.backends.mysql', 'ENGINE': 'django.db.backends.mysql',
'NAME': 'bluewhale', 'NAME': os.getenv('DB_DATABASE', 'bluewhale'),
'USER': 'bluewhale', 'USER': os.getenv('DB_USER', 'bluewhale'),
'PASSWORD': 'bluewhale', 'PASSWORD': os.getenv('DB_PASSWORD', 'bluewhale'),
'HOST': '127.0.0.1', 'HOST': os.getenv('DB_HOST', '127.0.0.1'),
'PORT': '3306', 'PORT': '3306',
'OPTIONS': { 'OPTIONS': {
'charset': 'utf8mb4', 'charset': 'utf8mb4',

2
client/.editorconfig
View File

@ -1,4 +1,4 @@
[*.{js,jsx,ts,tsx,vue}] [*.{js,jsx,ts,tsx,vue,scss}]
indent_style = space indent_style = space
indent_size = 2 indent_size = 2
end_of_line = lf end_of_line = lf

310
client/package-lock.json generated
View File

@ -1544,11 +1544,6 @@
"integrity": "sha1-RCsh9BlCesqooxBuvF1zNRxAcAI=", "integrity": "sha1-RCsh9BlCesqooxBuvF1zNRxAcAI=",
"dev": true "dev": true
}, },
"@tinymce/tinymce-vue": {
"version": "3.2.8",
"resolved": "https://registry.npm.taobao.org/@tinymce/tinymce-vue/download/@tinymce/tinymce-vue-3.2.8.tgz?cache=0&sync_timestamp=1610428833329&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40tinymce%2Ftinymce-vue%2Fdownload%2F%40tinymce%2Ftinymce-vue-3.2.8.tgz",
"integrity": "sha1-AUVxtS7I+oNmWn+oh79lFAIH3nE="
},
"@types/anymatch": { "@types/anymatch": {
"version": "1.3.1", "version": "1.3.1",
"resolved": "https://registry.npm.taobao.org/@types/anymatch/download/@types/anymatch-1.3.1.tgz", "resolved": "https://registry.npm.taobao.org/@types/anymatch/download/@types/anymatch-1.3.1.tgz",
@ -2176,6 +2171,17 @@
"unique-filename": "^1.1.1" "unique-filename": "^1.1.1"
} }
}, },
"chalk": {
"version": "4.1.1",
"resolved": "https://registry.nlark.com/chalk/download/chalk-4.1.1.tgz?cache=0&sync_timestamp=1618995355917&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fchalk%2Fdownload%2Fchalk-4.1.1.tgz",
"integrity": "sha1-yAs/qyi/Y3HmhjMl7uZ+YYt35q0=",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"cliui": { "cliui": {
"version": "6.0.0", "version": "6.0.0",
"resolved": "https://registry.npm.taobao.org/cliui/download/cliui-6.0.0.tgz?cache=0&sync_timestamp=1604880226973&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcliui%2Fdownload%2Fcliui-6.0.0.tgz", "resolved": "https://registry.npm.taobao.org/cliui/download/cliui-6.0.0.tgz?cache=0&sync_timestamp=1604880226973&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcliui%2Fdownload%2Fcliui-6.0.0.tgz",
@ -2202,6 +2208,25 @@
"integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=", "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
"dev": true "dev": true
}, },
"has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz",
"integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
"dev": true,
"optional": true
},
"loader-utils": {
"version": "2.0.0",
"resolved": "https://registry.npm.taobao.org/loader-utils/download/loader-utils-2.0.0.tgz",
"integrity": "sha1-5MrOW4FtQloWa18JfhDNErNgZLA=",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
},
"source-map": { "source-map": {
"version": "0.6.1", "version": "0.6.1",
"resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz", "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz",
@ -2218,6 +2243,16 @@
"minipass": "^3.1.1" "minipass": "^3.1.1"
} }
}, },
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-7.2.0.tgz?cache=0&sync_timestamp=1611394404603&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.2.0.tgz",
"integrity": "sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=",
"dev": true,
"optional": true,
"requires": {
"has-flag": "^4.0.0"
}
},
"terser-webpack-plugin": { "terser-webpack-plugin": {
"version": "2.3.8", "version": "2.3.8",
"resolved": "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-2.3.8.tgz", "resolved": "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-2.3.8.tgz",
@ -2235,6 +2270,18 @@
"webpack-sources": "^1.4.3" "webpack-sources": "^1.4.3"
} }
}, },
"vue-loader-v16": {
"version": "npm:vue-loader@16.2.0",
"resolved": "https://registry.npm.taobao.org/vue-loader/download/vue-loader-16.2.0.tgz?cache=0&sync_timestamp=1616796537201&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-loader%2Fdownload%2Fvue-loader-16.2.0.tgz",
"integrity": "sha1-BGpTMI3Ufljv4g3ewe3sAnzjtG4=",
"dev": true,
"optional": true,
"requires": {
"chalk": "^4.1.0",
"hash-sum": "^2.0.0",
"loader-utils": "^2.0.0"
}
},
"wrap-ansi": { "wrap-ansi": {
"version": "6.2.0", "version": "6.2.0",
"resolved": "https://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-6.2.0.tgz", "resolved": "https://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-6.2.0.tgz",
@ -2738,7 +2785,6 @@
"version": "1.0.10", "version": "1.0.10",
"resolved": "https://registry.npm.taobao.org/argparse/download/argparse-1.0.10.tgz", "resolved": "https://registry.npm.taobao.org/argparse/download/argparse-1.0.10.tgz",
"integrity": "sha1-vNZ5HqWuCXJeF+WtmIE0zUCz2RE=", "integrity": "sha1-vNZ5HqWuCXJeF+WtmIE0zUCz2RE=",
"dev": true,
"requires": { "requires": {
"sprintf-js": "~1.0.2" "sprintf-js": "~1.0.2"
} }
@ -3013,6 +3059,27 @@
"object.assign": "^4.1.0" "object.assign": "^4.1.0"
} }
}, },
"babel-runtime": {
"version": "6.26.0",
"resolved": "https://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz",
"integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
"requires": {
"core-js": "^2.4.0",
"regenerator-runtime": "^0.11.0"
},
"dependencies": {
"core-js": {
"version": "2.6.12",
"resolved": "https://registry.nlark.com/core-js/download/core-js-2.6.12.tgz?cache=0&sync_timestamp=1618851907522&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcore-js%2Fdownload%2Fcore-js-2.6.12.tgz",
"integrity": "sha1-2TM9+nsGXjR8xWgiGdb2kIWcwuw="
},
"regenerator-runtime": {
"version": "0.11.1",
"resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.11.1.tgz",
"integrity": "sha1-vgWtf5v30i4Fb5cmzuUBf78Z4uk="
}
}
},
"balanced-match": { "balanced-match": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.0.tgz", "resolved": "https://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.0.tgz",
@ -8836,6 +8903,14 @@
"verror": "1.10.0" "verror": "1.10.0"
} }
}, },
"katex": {
"version": "0.6.0",
"resolved": "https://registry.npm.taobao.org/katex/download/katex-0.6.0.tgz",
"integrity": "sha1-EkGOCRIcBckgQbazuftrqyE8tvM=",
"requires": {
"match-at": "^0.1.0"
}
},
"killable": { "killable": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npm.taobao.org/killable/download/killable-1.0.1.tgz", "resolved": "https://registry.npm.taobao.org/killable/download/killable-1.0.1.tgz",
@ -8889,6 +8964,14 @@
"integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=", "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=",
"dev": true "dev": true
}, },
"linkify-it": {
"version": "1.2.4",
"resolved": "https://registry.npm.taobao.org/linkify-it/download/linkify-it-1.2.4.tgz",
"integrity": "sha1-B3NSbDF8j9E71TTuHRgP+Iq/iBo=",
"requires": {
"uc.micro": "^1.0.1"
}
},
"lint-staged": { "lint-staged": {
"version": "9.5.0", "version": "9.5.0",
"resolved": "https://registry.npm.taobao.org/lint-staged/download/lint-staged-9.5.0.tgz", "resolved": "https://registry.npm.taobao.org/lint-staged/download/lint-staged-9.5.0.tgz",
@ -9633,12 +9716,105 @@
"object-visit": "^1.0.0" "object-visit": "^1.0.0"
} }
}, },
"markdown-it": {
"version": "6.1.1",
"resolved": "https://registry.npm.taobao.org/markdown-it/download/markdown-it-6.1.1.tgz?cache=0&sync_timestamp=1618575147599&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmarkdown-it%2Fdownload%2Fmarkdown-it-6.1.1.tgz",
"integrity": "sha1-ztA39Ec+6fUVOsQU933IPJG6knw=",
"requires": {
"argparse": "^1.0.7",
"entities": "~1.1.1",
"linkify-it": "~1.2.2",
"mdurl": "~1.0.1",
"uc.micro": "^1.0.1"
},
"dependencies": {
"entities": {
"version": "1.1.2",
"resolved": "https://registry.npm.taobao.org/entities/download/entities-1.1.2.tgz?cache=0&sync_timestamp=1611535322406&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fentities%2Fdownload%2Fentities-1.1.2.tgz",
"integrity": "sha1-vfpzUplmTfr9NFKe1PhSKidf6lY="
}
}
},
"markdown-it-abbr": {
"version": "1.0.4",
"resolved": "https://registry.npm.taobao.org/markdown-it-abbr/download/markdown-it-abbr-1.0.4.tgz",
"integrity": "sha1-1mtTZFIcuz3Yqlna37ovtoZcj9g="
},
"markdown-it-deflist": {
"version": "2.1.0",
"resolved": "https://registry.npm.taobao.org/markdown-it-deflist/download/markdown-it-deflist-2.1.0.tgz",
"integrity": "sha1-UNela5VEzYElL3YjvXheKKjc71w="
},
"markdown-it-emoji": {
"version": "1.4.0",
"resolved": "https://registry.npm.taobao.org/markdown-it-emoji/download/markdown-it-emoji-1.4.0.tgz",
"integrity": "sha1-m+4OmpkKljupbfaYDE/dsF37Tcw="
},
"markdown-it-footnote": {
"version": "2.0.0",
"resolved": "https://registry.npm.taobao.org/markdown-it-footnote/download/markdown-it-footnote-2.0.0.tgz",
"integrity": "sha1-FOnE9o/xLPNU+jZa43gnboEEypQ="
},
"markdown-it-ins": {
"version": "2.0.0",
"resolved": "https://registry.npm.taobao.org/markdown-it-ins/download/markdown-it-ins-2.0.0.tgz",
"integrity": "sha1-papqMPHi9x6Ul1Z8/f9A8f3mdIM="
},
"markdown-it-katex": {
"version": "2.0.3",
"resolved": "https://registry.npm.taobao.org/markdown-it-katex/download/markdown-it-katex-2.0.3.tgz",
"integrity": "sha1-17hqGuoLnWSW+rTnkZoY/e9YnDk=",
"requires": {
"katex": "^0.6.0"
}
},
"markdown-it-mark": {
"version": "2.0.0",
"resolved": "https://registry.npm.taobao.org/markdown-it-mark/download/markdown-it-mark-2.0.0.tgz",
"integrity": "sha1-RqGqlHEFrtgYiXjgoBYXnkBPQsc="
},
"markdown-it-sub": {
"version": "1.0.0",
"resolved": "https://registry.npm.taobao.org/markdown-it-sub/download/markdown-it-sub-1.0.0.tgz",
"integrity": "sha1-N1/WAm6ufdywEkl/ZBEZXqHjr+g="
},
"markdown-it-sup": {
"version": "1.0.0",
"resolved": "https://registry.npm.taobao.org/markdown-it-sup/download/markdown-it-sup-1.0.0.tgz",
"integrity": "sha1-y5yf+RpSVawI8/09YyhuFd8KH8M="
},
"markdown-it-task-lists": {
"version": "2.1.1",
"resolved": "https://registry.npm.taobao.org/markdown-it-task-lists/download/markdown-it-task-lists-2.1.1.tgz",
"integrity": "sha1-9o9NKsK61aLDc7qTCBoaaEhBcIg="
},
"markdown-it-toc-and-anchor": {
"version": "4.2.0",
"resolved": "https://registry.npm.taobao.org/markdown-it-toc-and-anchor/download/markdown-it-toc-and-anchor-4.2.0.tgz",
"integrity": "sha1-0WEzJ8xjxh+CzWbLrFVk9NsSwOk=",
"requires": {
"clone": "^2.1.0",
"uslug": "^1.0.4"
},
"dependencies": {
"clone": {
"version": "2.1.2",
"resolved": "https://registry.npm.taobao.org/clone/download/clone-2.1.2.tgz",
"integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18="
}
}
},
"marked": { "marked": {
"version": "1.2.7", "version": "1.2.7",
"resolved": "https://registry.npm.taobao.org/marked/download/marked-1.2.7.tgz?cache=0&sync_timestamp=1612382312415&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmarked%2Fdownload%2Fmarked-1.2.7.tgz", "resolved": "https://registry.npm.taobao.org/marked/download/marked-1.2.7.tgz?cache=0&sync_timestamp=1612382312415&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmarked%2Fdownload%2Fmarked-1.2.7.tgz",
"integrity": "sha1-bhS1lVgdIxnNzwM6JMqvQUVaAfs=", "integrity": "sha1-bhS1lVgdIxnNzwM6JMqvQUVaAfs=",
"dev": true "dev": true
}, },
"match-at": {
"version": "0.1.1",
"resolved": "https://registry.npm.taobao.org/match-at/download/match-at-0.1.1.tgz",
"integrity": "sha1-JdBA0pF3dwTV5lVru3kjDsLeBUA="
},
"md5": { "md5": {
"version": "2.3.0", "version": "2.3.0",
"resolved": "https://registry.npm.taobao.org/md5/download/md5-2.3.0.tgz?cache=0&sync_timestamp=1596362680344&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmd5%2Fdownload%2Fmd5-2.3.0.tgz", "resolved": "https://registry.npm.taobao.org/md5/download/md5-2.3.0.tgz?cache=0&sync_timestamp=1596362680344&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmd5%2Fdownload%2Fmd5-2.3.0.tgz",
@ -9666,6 +9842,11 @@
"integrity": "sha1-aZs8OKxvHXKAkaZGULZdOIUC/Vs=", "integrity": "sha1-aZs8OKxvHXKAkaZGULZdOIUC/Vs=",
"dev": true "dev": true
}, },
"mdurl": {
"version": "1.0.1",
"resolved": "https://registry.nlark.com/mdurl/download/mdurl-1.0.1.tgz",
"integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4="
},
"media-typer": { "media-typer": {
"version": "0.3.0", "version": "0.3.0",
"resolved": "https://registry.npm.taobao.org/media-typer/download/media-typer-0.3.0.tgz", "resolved": "https://registry.npm.taobao.org/media-typer/download/media-typer-0.3.0.tgz",
@ -13624,8 +13805,7 @@
"sprintf-js": { "sprintf-js": {
"version": "1.0.3", "version": "1.0.3",
"resolved": "https://registry.npm.taobao.org/sprintf-js/download/sprintf-js-1.0.3.tgz", "resolved": "https://registry.npm.taobao.org/sprintf-js/download/sprintf-js-1.0.3.tgz",
"integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=", "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
"dev": true
}, },
"srcset": { "srcset": {
"version": "1.0.0", "version": "1.0.0",
@ -14373,6 +14553,11 @@
"integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=", "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
"dev": true "dev": true
}, },
"uc.micro": {
"version": "1.0.6",
"resolved": "https://registry.nlark.com/uc.micro/download/uc.micro-1.0.6.tgz",
"integrity": "sha1-nEEagCpAmpH8bPdAgbq6NLJEmaw="
},
"uglify-js": { "uglify-js": {
"version": "3.4.10", "version": "3.4.10",
"resolved": "https://registry.npm.taobao.org/uglify-js/download/uglify-js-3.4.10.tgz?cache=0&sync_timestamp=1611096871045&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuglify-js%2Fdownload%2Fuglify-js-3.4.10.tgz", "resolved": "https://registry.npm.taobao.org/uglify-js/download/uglify-js-3.4.10.tgz?cache=0&sync_timestamp=1611096871045&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuglify-js%2Fdownload%2Fuglify-js-3.4.10.tgz",
@ -14473,6 +14658,11 @@
"integrity": "sha1-tkb2m+OULavOzJ1mOcgNwQXvqmY=", "integrity": "sha1-tkb2m+OULavOzJ1mOcgNwQXvqmY=",
"dev": true "dev": true
}, },
"unorm": {
"version": "1.6.0",
"resolved": "https://registry.npm.taobao.org/unorm/download/unorm-1.6.0.tgz",
"integrity": "sha1-ApsolmH7pxTxqa9DnrUdmxbCBa8="
},
"unpipe": { "unpipe": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npm.taobao.org/unpipe/download/unpipe-1.0.0.tgz", "resolved": "https://registry.npm.taobao.org/unpipe/download/unpipe-1.0.0.tgz",
@ -14609,6 +14799,14 @@
"integrity": "sha1-1QyMrHmhn7wg8pEfVuuXP04QBw8=", "integrity": "sha1-1QyMrHmhn7wg8pEfVuuXP04QBw8=",
"dev": true "dev": true
}, },
"uslug": {
"version": "1.0.4",
"resolved": "https://registry.npm.taobao.org/uslug/download/uslug-1.0.4.tgz",
"integrity": "sha1-uaIvCRTgqGFAYz2swwLl9PpFBnc=",
"requires": {
"unorm": ">= 1.0.0"
}
},
"util": { "util": {
"version": "0.11.1", "version": "0.11.1",
"resolved": "https://registry.npm.taobao.org/util/download/util-0.11.1.tgz?cache=0&sync_timestamp=1588238435623&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Futil%2Fdownload%2Futil-0.11.1.tgz", "resolved": "https://registry.npm.taobao.org/util/download/util-0.11.1.tgz?cache=0&sync_timestamp=1588238435623&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Futil%2Fdownload%2Futil-0.11.1.tgz",
@ -14829,84 +15027,30 @@
} }
} }
}, },
"vue-loader-v16": { "vue-markdown": {
"version": "npm:vue-loader@16.1.2", "version": "2.2.4",
"resolved": "https://registry.npm.taobao.org/vue-loader/download/vue-loader-16.1.2.tgz?cache=0&sync_timestamp=1608187944571&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-loader%2Fdownload%2Fvue-loader-16.1.2.tgz", "resolved": "https://registry.npm.taobao.org/vue-markdown/download/vue-markdown-2.2.4.tgz",
"integrity": "sha1-XAO2xQ0qX5g8fOuhXFDXjKKymPQ=", "integrity": "sha1-2w93QXjzvJHuGMYm2Go6DS3iJ0Y=",
"dev": true,
"optional": true,
"requires": { "requires": {
"chalk": "^4.1.0", "highlight.js": "^9.12.0",
"hash-sum": "^2.0.0", "markdown-it": "^6.0.1",
"loader-utils": "^2.0.0" "markdown-it-abbr": "^1.0.3",
"markdown-it-deflist": "^2.0.1",
"markdown-it-emoji": "^1.1.1",
"markdown-it-footnote": "^2.0.0",
"markdown-it-ins": "^2.0.0",
"markdown-it-katex": "^2.0.3",
"markdown-it-mark": "^2.0.0",
"markdown-it-sub": "^1.0.0",
"markdown-it-sup": "^1.0.0",
"markdown-it-task-lists": "^2.0.1",
"markdown-it-toc-and-anchor": "^4.1.2"
}, },
"dependencies": { "dependencies": {
"ansi-styles": { "highlight.js": {
"version": "4.3.0", "version": "9.18.5",
"resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.3.0.tgz", "resolved": "https://registry.npm.taobao.org/highlight.js/download/highlight.js-9.18.5.tgz",
"integrity": "sha1-7dgDYornHATIWuegkG7a00tkiTc=", "integrity": "sha1-0Yo1mGfzeME41oGe38KorNXymCU="
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"chalk": {
"version": "4.1.0",
"resolved": "https://registry.npm.taobao.org/chalk/download/chalk-4.1.0.tgz?cache=0&sync_timestamp=1604053731560&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-4.1.0.tgz",
"integrity": "sha1-ThSHCmGNni7dl92DRf2dncMVZGo=",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz",
"integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"color-name": {
"version": "1.1.4",
"resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
"integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
"dev": true,
"optional": true
},
"has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz",
"integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
"dev": true,
"optional": true
},
"loader-utils": {
"version": "2.0.0",
"resolved": "https://registry.npm.taobao.org/loader-utils/download/loader-utils-2.0.0.tgz",
"integrity": "sha1-5MrOW4FtQloWa18JfhDNErNgZLA=",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
},
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-7.2.0.tgz?cache=0&sync_timestamp=1611394404603&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.2.0.tgz",
"integrity": "sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=",
"dev": true,
"optional": true,
"requires": {
"has-flag": "^4.0.0"
}
} }
} }
}, },

3
client/package.json
View File

@ -10,12 +10,13 @@
"mock": "prism mock ../openapi.yaml" "mock": "prism mock ../openapi.yaml"
}, },
"dependencies": { "dependencies": {
"@tinymce/tinymce-vue": "^3.2.8",
"axios": "^0.21.1", "axios": "^0.21.1",
"babel-runtime": "^6.26.0",
"core-js": "^3.6.5", "core-js": "^3.6.5",
"lodash": "^4.17.20", "lodash": "^4.17.20",
"md5": "^2.3.0", "md5": "^2.3.0",
"vue": "^2.6.11", "vue": "^2.6.11",
"vue-markdown": "^2.2.4",
"vue-router": "^3.2.0", "vue-router": "^3.2.0",
"vuetify": "^2.4.0", "vuetify": "^2.4.0",
"vuex": "^3.4.0" "vuex": "^3.4.0"

6
client/src/assets/global.scss Normal file
View File

@ -0,0 +1,6 @@
body {
height: 100%;
}
.full-height {
height: 100%;
}

1
client/src/main.js
View File

@ -5,6 +5,7 @@ import router from './router';
import vuetify from './plugins/vuetify'; import vuetify from './plugins/vuetify';
import store from './store'; import store from './store';
import axios from './utils/request'; import axios from './utils/request';
import '@/assets/global.scss';
Vue.config.productionTip = false; Vue.config.productionTip = false;

11
client/src/views/ArticleDetail.vue
View File

@ -1,11 +1,17 @@
<template> <template>
<v-container fluid> <v-container fluid>
<h2 v-text="article.title"></h2> <h2 v-text="article.title"></h2>
<div v-html="article.content"></div> <vue-markdown
:source="article.content"
:html="false"
>
</vue-markdown>
</v-container> </v-container>
</template> </template>
<script> <script>
import VueMarkdown from 'vue-markdown';
export default { export default {
name: 'ArticleDetail', name: 'ArticleDetail',
data() { data() {
@ -16,6 +22,9 @@ export default {
}, },
}; };
}, },
components: {
VueMarkdown,
},
mounted() { mounted() {
const { id } = this.$route.params; const { id } = this.$route.params;
this.$axios.get(`/articles/${id}`).then((data) => { this.$axios.get(`/articles/${id}`).then((data) => {

100
client/src/views/ArticleEditor.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<v-container fluid> <v-container fluid class="full-height">
<v-row> <v-row>
<v-col <v-col
cols="12" cols="12"
@ -12,56 +12,90 @@
></v-text-field> ></v-text-field>
</v-col> </v-col>
</v-row> </v-row>
<editor <v-row class="editor-container">
:api-key="api_key" <v-col
:init="tiny" cols="6"
v-model="article.content" sm="6"
cloud-channel="5-stable"></editor> >
<v-btn <textarea
:loading="loading" class="editor"
color="success" label="Content (Markdown)"
@click="save" v-model="article.content"
> ></textarea>
Save </v-col>
<v-icon right>mdi-content-save</v-icon> <v-col
</v-btn> cols="6"
sm="6"
>
<vue-markdown
class="result-html"
:source="article.content"
:html="false"
>
</vue-markdown>
</v-col>
</v-row>
<v-row justify="end">
<v-btn
:loading="loading"
color="success"
@click="save"
>
Save
<v-icon right>mdi-content-save</v-icon>
</v-btn>
</v-row>
</v-container> </v-container>
</template> </template>
<style lang="scss" scoped>
.result-html {
// vh, header, footer, title input, save button, container margin, row margin
height: calc(100vh - 48px - 60px - 94px - 48px - 24px - 12px);
padding: 2px 10px;
overflow: scroll;
background-color: #fff;
border: 1px solid#ccc;
border-radius: 4px;
position: relative;
}
.editor-container {
height: calc(100% - 94px - 36px);
.editor {
height: 100%;
max-height: 100%;
width: 100%;
box-sizing: border-box;
resize: none;
outline: none;
background-color: #f6f6f6;
overflow-y: scroll;
padding: 2px;
border-width: 1px;
border-style: solid;
border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
border-image: initial;
}
}
</style>
<script> <script>
import Editor from '@tinymce/tinymce-vue'; import VueMarkdown from 'vue-markdown';
export default { export default {
name: 'ArticleDetail', name: 'ArticleDetail',
data() { data() {
return { return {
loading: false, loading: false,
api_key: 'p71cr32cmowz59y5v09l0qt6zur14elj4yftbkhx432lggnp',
id: null, id: null,
article: { article: {
title: '', title: '',
content: '', content: '',
}, },
tiny: {
height: 500,
menubar: false,
// inline: true,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste help wordcount codesample',
],
toolbar: [
'undo redo | formatselect | bold italic underline strikethrough backcolor | '
+ 'alignleft aligncenter alignright alignjustify | '
+ 'bullist numlist outdent indent | removeformat | help',
'table tabledelete | image | codesample | code',
],
},
}; };
}, },
components: { components: {
Editor, VueMarkdown,
}, },
methods: { methods: {
save() { save() {

4
client/src/views/Articles.vue
View File

@ -1,7 +1,5 @@
<template> <template>
<v-container fluid> <router-view></router-view>
<router-view></router-view>
</v-container>
</template> </template>
<script> <script>