{"id":2961,"date":"2022-10-17T11:51:09","date_gmt":"2022-10-17T03:51:09","guid":{"rendered":"http:\/\/www.hiheng.com\/blog\/?p=2961"},"modified":"2022-10-17T11:51:09","modified_gmt":"2022-10-17T03:51:09","slug":"ckeditor5-%e6%8f%92%e4%bb%b6%e5%ae%89%e8%a3%85%e4%b8%8e%e4%bd%bf%e7%94%a8%e8%ae%b0%e5%bd%95","status":"publish","type":"post","link":"http:\/\/www.hiheng.com\/blog\/?p=2961","title":{"rendered":"Ckeditor5 \u63d2\u4ef6\u5b89\u88c5\u4e0e\u4f7f\u7528\u8bb0\u5f55"},"content":{"rendered":"\n<p>\u76ee\u5f55<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#ckeditor5%E6%8F%92%E4%BB%B6%E7%BC%96%E8%AF%91%E4%B8%8E%E5%8F%91%E5%B8%83\">ckeditor5\u63d2\u4ef6\u7f16\u8bd1\u4e0e\u53d1\u5e03<\/a><ul><li><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#1%E5%9C%A8%E7%BA%BF%E9%85%8D%E7%BD%AE%E9%A1%B5%E9%9D%A2\">1.\u5728\u7ebf\u914d\u7f6e\u9875\u9762<\/a><\/li><li><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#2%E5%8B%BE%E9%80%89%E6%8F%92%E4%BB%B6\">2.\u52fe\u9009\u63d2\u4ef6<\/a><\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"270\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-1024x270.png\" alt=\"\" class=\"wp-image-2962\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-1024x270.png 1024w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-600x158.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-768x203.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-359x95.png 359w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image.png 1433w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#3%E4%B8%8B%E8%BD%BD%E6%BA%90%E6%96%87%E4%BB%B6\">3.\u4e0b\u8f7d\u6e90\u6587\u4ef6<\/a><br><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#4%E7%BC%96%E8%AF%91%E6%8F%92%E4%BB%B6\">4.\u7f16\u8bd1\u63d2\u4ef6<\/a><br><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#5%E5%87%86%E5%A4%87%E5%8F%91%E5%B8%83\">5.\u51c6\u5907\u53d1\u5e03<\/a><br><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#6npmjs%E5%AE%98%E7%BD%91%E5%88%9B%E5%BB%BA%E8%B4%A6%E5%8F%B7\">6.npmjs\u5b98\u7f51\u521b\u5efa\u8d26\u53f7<\/a><br><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#7%E7%99%BB%E5%BD%95npm\">7.\u767b\u5f55npm<\/a><br><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#8%E5%8F%91%E5%B8%83%E5%88%B0npm\">8.\u53d1\u5e03\u5230npm<\/a><br><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#vue2%E4%B8%AD%E4%BD%BF%E7%94%A8%E8%87%AA%E5%AE%9A%E4%B9%89%E7%9A%84ckeditor\">vue2\u4e2d\u4f7f\u7528\u81ea\u5b9a\u4e49\u7684ckeditor<\/a><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#1%E5%88%9B%E5%BB%BAvue2%E9%A1%B9%E7%9B%AE\">1.\u521b\u5efavue2\u9879\u76ee<\/a><br><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#2%E4%BF%AE%E6%94%B9%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6%E5%B9%B6%E5%AE%89%E8%A3%85%E4%BE%9D%E8%B5%96\">2.\u4fee\u6539\u914d\u7f6e\u6587\u4ef6\u5e76\u5b89\u88c5\u4f9d\u8d56<\/a><br><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#3%E4%BF%AE%E6%94%B9mainjs\">3.\u4fee\u6539main.js<\/a><br><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#4%E4%BD%BF%E7%94%A8ckeditor\">4.\u4f7f\u7528ckeditor<\/a><br><a href=\"https:\/\/www.cnblogs.com\/fuhua\/p\/15629701.html#5%E8%BF%90%E8%A1%8C\">5.\u8fd0\u884c<\/a><br><br>ckeditor5\u63d2\u4ef6\u7f16\u8bd1\u4e0e\u53d1\u5e03<br>1.\u5728\u7ebf\u914d\u7f6e\u9875\u9762<br>\u9996\u5148\u5230\uff1a<a>https:\/\/ckeditor.com\/ckeditor-5\/online-builder\/\u00a0\u914d\u7f6e\u63d2\u4ef6\uff0c\u8be5\u9875\u9762\u53ef\u4ee5\u5e2e\u52a9\u7528\u6237\u5728\u7ebf\u914d\u7f6e\u63d2\u4ef6\u3002\u672c\u6587\u4ee5classic\u7ecf\u5178\u6a21\u5f0f\u4e3a\u4f8b\u3002<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"962\" height=\"575\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-1.png\" alt=\"\" class=\"wp-image-2963\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-1.png 962w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-1-600x359.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-1-768x459.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-1-359x215.png 359w\" sizes=\"auto, (max-width: 962px) 100vw, 962px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2\u52fe\u9009\u63d2\u4ef6\">2.\u52fe\u9009\u63d2\u4ef6<\/h3>\n\n\n\n<p>\u672c\u6587\u672a\u52fe\u9009\u6807\u8bb0\u4e86<img decoding=\"async\" src=\"https:\/\/img2020.cnblogs.com\/blog\/694926\/202112\/694926-20211201164631889-1751572706.png\" alt=\"\">\u6536\u8d39\u63d2\u4ef6\u3002<\/p>\n\n\n\n<p>\u672a\u52fe\u9009\u8fd9\u51e0\u4e2a\u4f1a\u62a5\u9519\u7684\u63d2\u4ef6(Watchdog\u3001Mention\u3001Source editing\u3001Text part language\u3001To-do list)<\/p>\n\n\n\n<p>\u672a\u52fe\u9009\u8fd9\u51e0\u4e2a\u7528\u4e0d\u5230\u7684\u63d2\u4ef6(Text transformation\u3001Markdown\u3001Title)\u3002<\/p>\n\n\n\n<p>\u5176\u4ed6\u5168\u90fd\u52fe\u9009\u4e86\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"271\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-2-1024x271.png\" alt=\"\" class=\"wp-image-2964\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-2-1024x271.png 1024w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-2-600x159.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-2-768x203.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-2-359x95.png 359w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-2.png 1438w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-4-1024x447.png\" alt=\"\" class=\"wp-image-2966\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-4-1024x447.png 1024w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-4-600x262.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-4-768x335.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-4-359x157.png 359w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-4.png 1451w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"526\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-3.png\" alt=\"\" class=\"wp-image-2965\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-3.png 884w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-3-600x357.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-3-768x457.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-3-359x214.png 359w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3\u4e0b\u8f7d\u6e90\u6587\u4ef6\">3.\u4e0b\u8f7d\u6e90\u6587\u4ef6<\/h3>\n\n\n\n<p>\u70b9\u51fbstart\u4e4b\u540e\u4f1a\u751f\u6210\u4e00\u4e2a\u6253\u5305\u597d\u7684\u9879\u76ee\u6587\u4ef6\u3002\u4e0b\u8f7d\u5230\u672c\u5730\u89e3\u538b\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"932\" height=\"258\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-5.png\" alt=\"\" class=\"wp-image-2967\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-5.png 932w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-5-600x166.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-5-768x213.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-5-359x99.png 359w\" sizes=\"auto, (max-width: 932px) 100vw, 932px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4\u7f16\u8bd1\u63d2\u4ef6\">4.\u7f16\u8bd1\u63d2\u4ef6<\/h3>\n\n\n\n<p>\u5207\u6362\u5230\u89e3\u538b\u597d\u7684\u76ee\u5f55\u4e0b\u6267\u884c\u4e0b\u9762\u547d\u4ee4<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>#\u5b89\u88c5\u4f9d\u8d56\u5305\u5e76\u7f16\u8bd1\nnpm install &amp;&amp; npm run build<\/code><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-6.png\" alt=\"\" class=\"wp-image-2968\" width=\"920\" height=\"554\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-6.png 1011w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-6-600x361.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-6-768x463.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-6-359x216.png 359w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><figcaption><br><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5\u51c6\u5907\u53d1\u5e03\">5.\u51c6\u5907\u53d1\u5e03<\/h3>\n\n\n\n<p>\u6b65\u9aa44\u6267\u884c\u5b8c\u6210\u540e\u5c06\u76ee\u5f55\u4e0b\u7684build\u6587\u4ef6\u5939\u4ee5\u53capackage.json\u62f7\u8d1d\u5230\u4e00\u4e2a\u65b0\u7684\u6587\u4ef6\u5939\u4e0b<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"704\" height=\"169\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-7.png\" alt=\"\" class=\"wp-image-2969\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-7.png 704w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-7-600x144.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-7-359x86.png 359w\" sizes=\"auto, (max-width: 704px) 100vw, 704px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6npmjs\u5b98\u7f51\u521b\u5efa\u8d26\u53f7\">6.npmjs\u5b98\u7f51\u521b\u5efa\u8d26\u53f7<\/h3>\n\n\n\n<p>\u53bbnpmjs\u5b98\u7f51\u521b\u5efa\u8d26\u53f7\uff0c\u6ce8\u610f\u521b\u5efa\u5b8c\u6210\u8d26\u53f7\u4e4b\u540e\u4e00\u5b9a\u8981\u8bb0\u5f97\u5728\u90ae\u7bb1\u91cc\u8fdb\u884c\u6fc0\u6d3b\uff0c\u5426\u5219\u540e\u9762\u4f1a\u65e0\u6cd5\u53d1\u5e03npm\u5305\uff0c\u4f1a\u4e00\u76f4\u63d0\u793a403\u9519\u8bef\u3002<\/p>\n\n\n\n<p>\u521b\u5efa\u5b8c\u6210\u8d26\u53f7\u540e\u5207\u6362\u5230Profile\u53ef\u4ee5\u770b\u5230\u5f53\u524d\u6ca1\u6709\u4efb\u4f55\u5305\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"373\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-8-1024x373.png\" alt=\"\" class=\"wp-image-2970\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-8-1024x373.png 1024w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-8-600x219.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-8-768x280.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-8-359x131.png 359w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-8.png 1515w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"265\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-9-1024x265.png\" alt=\"\" class=\"wp-image-2971\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-9-1024x265.png 1024w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-9-600x155.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-9-768x199.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-9-359x93.png 359w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-9.png 1510w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7\u767b\u5f55npm\">7.\u767b\u5f55npm<\/h3>\n\n\n\n<p>\u5207\u6362\u5230 [\u6b65\u9aa45](# 5.\u51c6\u5907\u53d1\u5e03) \u521b\u5efa\u7684\u76ee\u5f55\u4e0b\u3002<\/p>\n\n\n\n<p>\u6267\u884c\u547d\u4ee4<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>#\u5207\u6362\u5230\u5b98\u65b9\u6e90\nnpm config set registry https:\/\/registry.npmjs.org<\/code>\n<\/code><\/pre>\n\n\n\n<p>\u6267\u884c\u547d\u4ee4npm login\u767b\u5f55npm<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>#\u767b\u5f55npm\nnpm login\n<\/code><\/code><\/pre>\n\n\n\n<p>\u53d1\u73b0\u6267\u884cnpm login\u547d\u4ee4\u62a5\u9519 npm ERR! Unexpected end of JSON input while parsing near &#8221;\u3002\u539f\u56e0\u53ef\u80fd\u662f\u6211\u4e4b\u524d\u628anpm\u7684\u7528\u6237\u914d\u7f6e\u6587\u4ef6\u641e\u574f\u4e86\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"838\" height=\"248\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-10.png\" alt=\"\" class=\"wp-image-2972\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-10.png 838w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-10-600x178.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-10-768x227.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-10-359x106.png 359w\" sizes=\"auto, (max-width: 838px) 100vw, 838px\" \/><\/figure>\n\n\n\n<p>\u6267\u884c\u547d\u4ee4<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#\u67e5\u770bnpm\u914d\u7f6e\u4fe1\u606f\nnpm config ls -l \n<\/code><\/pre>\n\n\n\n<p>\u627e\u5230.npmrc\u6587\u4ef6\u8def\u5f84\u5e76\u5220\u9664\u8be5\u6587\u4ef6<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"401\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-11.png\" alt=\"\" class=\"wp-image-2973\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-11.png 928w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-11-600x259.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-11-768x332.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-11-359x155.png 359w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><\/figure>\n\n\n\n<p>\u91cd\u65b0\u6267\u884c\u547d\u4ee4\uff0c\u767b\u5f55\u6210\u529f<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>#\u5207\u6362\u5230\u5b98\u65b9\u6e90\nnpm config set registry https:\/\/registry.npmjs.org\n#\u767b\u5f55npm\nnpm login<\/code><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"223\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-13.png\" alt=\"\" class=\"wp-image-2975\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-13.png 948w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-13-600x141.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-13-768x181.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-13-359x84.png 359w\" sizes=\"auto, (max-width: 948px) 100vw, 948px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8\u53d1\u5e03\u5230npm\">8.\u53d1\u5e03\u5230npm<\/h3>\n\n\n\n<p>\u6267\u884c\u547d\u4ee4<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#\u53d1\u5e03\u9879\u76ee\nnpm publish\n<\/code><\/pre>\n\n\n\n<p>\u62a5\u9519\u4e86<\/p>\n\n\n\n<p>npm ERR! code EPRIVATE<br>npm ERR! This package has been marked as private<br>npm ERR! Remove the &#8216;private&#8217; field from the package.json to publish it.<\/p>\n\n\n\n<p>\u539f\u56e0\u662f\u56e0\u4e3apackage.json\u91cc\u9762name\u91cd\u590d\uff0c\u73b0\u5728\u6211\u4eec\u5c06name\u4fee\u6539\u4e3a ckeditor5-cdyf\uff0c\u7248\u672c\u53f7\u4fee\u6539\u4e3a 1.0.1\uff0cprivate\u8bbe\u7f6e\u4e3afalse<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"624\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-12-1024x624.png\" alt=\"\" class=\"wp-image-2974\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-12-1024x624.png 1024w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-12-600x366.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-12-768x468.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-12-359x219.png 359w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-12.png 1034w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u91cd\u65b0\u6267\u884c\u53d1\u5e03\u547d\u4ee4\uff0c\u53d1\u5e03\u6210\u529f<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>#\u53d1\u5e03\u9879\u76ee\nnpm publish<\/code><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"783\" height=\"536\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-14.png\" alt=\"\" class=\"wp-image-2976\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-14.png 783w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-14-600x411.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-14-768x526.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-14-359x246.png 359w\" sizes=\"auto, (max-width: 783px) 100vw, 783px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"331\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-15-1024x331.png\" alt=\"\" class=\"wp-image-2977\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-15-1024x331.png 1024w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-15-600x194.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-15-768x248.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-15-1536x497.png 1536w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-15-359x116.png 359w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-15.png 1564w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vue2\u4e2d\u4f7f\u7528\u81ea\u5b9a\u4e49\u7684ckeditor\">vue2\u4e2d\u4f7f\u7528\u81ea\u5b9a\u4e49\u7684ckeditor<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1\u521b\u5efavue2\u9879\u76ee\">1.\u521b\u5efavue2\u9879\u76ee<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2\u4fee\u6539\u914d\u7f6e\u6587\u4ef6\u5e76\u5b89\u88c5\u4f9d\u8d56\">2.\u4fee\u6539\u914d\u7f6e\u6587\u4ef6\u5e76\u5b89\u88c5\u4f9d\u8d56<\/h3>\n\n\n\n<p>package.json\u914d\u7f6e\u5982\u4e0b<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{\r\n  \"name\": \"cexeditor\",\r\n  \"version\": \"0.1.0\",\r\n  \"private\": true,\r\n  \"scripts\": {\r\n    \"serve\": \"vue-cli-service serve\",\r\n    \"build\": \"vue-cli-service build\",\r\n    \"lint\": \"vue-cli-service lint\"\r\n  },\r\n  \"dependencies\": {\r\n    \"@ckeditor\/ckeditor5-vue2\": \"^1.0.5\",\r\n    \"ckeditor5-cdyf\": \"^1.0.1\",\r\n    \"core-js\": \"^3.6.5\",\r\n    \"sass\": \"^1.26.5\",\r\n    \"sass-loader\": \"^8.0.2\",\r\n    \"vue\": \"^2.6.11\",\r\n    \"vue-router\": \"^3.2.0\",\r\n    \"vuex\": \"^3.4.0\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@vue\/cli-plugin-babel\": \"~4.5.0\",\r\n    \"@vue\/cli-plugin-eslint\": \"~4.5.0\",\r\n    \"@vue\/cli-plugin-router\": \"~4.5.0\",\r\n    \"@vue\/cli-plugin-vuex\": \"~4.5.0\",\r\n    \"@vue\/cli-service\": \"~4.5.0\",\r\n    \"@vue\/eslint-config-prettier\": \"^6.0.0\",\r\n    \"babel-eslint\": \"^10.1.0\",\r\n    \"eslint\": \"^6.7.2\",\r\n    \"eslint-plugin-prettier\": \"^3.3.1\",\r\n    \"eslint-plugin-vue\": \"^6.2.2\",\r\n    \"prettier\": \"^2.2.1\",\r\n    \"vue-template-compiler\": \"^2.6.11\"\r\n  }\r\n}\r\n<\/code><\/pre>\n\n\n\n<p>\u6267\u884c\u547d\u4ee4<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>#\u5b89\u88c5\u4f9d\u8d56\u5305\nnpm install<\/code><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3\u4fee\u6539mainjs\">3.\u4fee\u6539main.js<\/h3>\n\n\n\n<p>main.js\u589e\u52a0\u4e0b\u9762\u4e24\u53e5\u4ee3\u7801<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>import CKEditor from \"@ckeditor\/ckeditor5-vue2\";\nVue.use(CKEditor);<\/code><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"490\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-16-1024x490.png\" alt=\"\" class=\"wp-image-2978\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-16-1024x490.png 1024w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-16-600x287.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-16-768x367.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-16-359x172.png 359w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-16.png 1110w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>4.\u4f7f\u7528ckeditor<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;template>\r\n  &lt;div id=\"divcontent\">\r\n    &lt;div id=\"divleft\">\r\n      &lt;ckeditor\r\n        :editor=\"editor\"\r\n        v-model=\"editorData\"\r\n        :config=\"editorConfig\"\r\n      >&lt;\/ckeditor>\r\n    &lt;\/div>\r\n    &lt;div id=\"divright\">\r\n      {{ editorData }}\r\n    &lt;\/div>\r\n  &lt;\/div>\r\n&lt;\/template>\r\n\r\n&lt;script>\r\nimport ClassicEditor from \"ckeditor5-cdyf\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      editor: ClassicEditor,\r\n      editorData: \"&lt;p>Content of the editor.&lt;\/p>\",\r\n      editorConfig: {\r\n        language: \"zh-cn\",\r\n      },\r\n    };\r\n  },\r\n};\r\n&lt;\/script>\r\n&lt;style lang=\"scss\" scoped>\r\n#divcontent {\r\n  display: flex;\r\n}\r\n#divleft {\r\n  width: 50%;\r\n}\r\n#divright {\r\n  margin-left: 20px;\r\n  width: 40%;\r\n}\r\n::v-deep .ck-editor__editable_inline {\r\n  height: 800px !important;\r\n}\r\n&lt;\/style><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"668\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-17-1024x668.png\" alt=\"\" class=\"wp-image-2979\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-17-1024x668.png 1024w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-17-600x392.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-17-768x501.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-17-359x234.png 359w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-17.png 1509w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>5.\u8fd0\u884c<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-18-1024x482.png\" alt=\"\" class=\"wp-image-2980\" srcset=\"http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-18-1024x482.png 1024w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-18-600x282.png 600w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-18-768x361.png 768w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-18-1536x722.png 1536w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-18-359x169.png 359w, http:\/\/www.hiheng.com\/blog\/wp-content\/uploads\/2022\/10\/image-18.png 1563w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u76ee\u5f55 ckeditor5\u63d2\u4ef6\u7f16\u8bd1\u4e0e\u53d1\u5e03 1.\u5728\u7ebf\u914d &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-2961","post","type-post","status-publish","format-standard","hentry","category-11"],"_links":{"self":[{"href":"http:\/\/www.hiheng.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.hiheng.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.hiheng.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.hiheng.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.hiheng.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2961"}],"version-history":[{"count":1,"href":"http:\/\/www.hiheng.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2961\/revisions"}],"predecessor-version":[{"id":2981,"href":"http:\/\/www.hiheng.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2961\/revisions\/2981"}],"wp:attachment":[{"href":"http:\/\/www.hiheng.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.hiheng.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2961"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.hiheng.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}