网站内容编辑器

网站内容编辑器

WEB编辑器哪家强

网站优化优采云 发表了文章 • 0 个评论 • 66 次浏览 • 2022-05-06 18:30 • 来自相关话题

  WEB编辑器哪家强
  
  作为一名coder,像VS Code这样的代码编辑器自然是必不可少的,你还可以使用类似CodeSandbox这样的online编辑器开发demo程序。编辑器更多是作为工具方便我们进行日常的代码开发工作,倘若将编辑器视作产品的一部分为其提供可扩展的能力,我们该如何应对。答案是:web编辑器,现在热门的可视化页面搭建系统便是一个典型的案例。
  今天要介绍的是三款开源的主流web编辑器:
  Ace
  CodeMirror
  Monaco Editor
  前世今生
  Ace是来自 Cloud9 Editor的一个独立的代码编辑器,它的前身是Bespin和后来的Skywriter。这两者最开始走的路线不一样,Bespin基于canvas,Ace基于DOM。Ace发布于2010年,之后Skywriter团队将Skywriter的插件系统和可扩展性融合到了Ace中,便形成了现在的Ace编辑器。现在,和Mozilla都在积极的开发和维护Ace。
  CodeMirror的第一版于2007年发布,该版本基于浏览器的contentEditable属性实现。2010年发布的Ace采用了新的技术并证明即使是使用javascript操作数以千行的DOM也不存在性能问题,这驱使了CodeMirror的重构并发布了第二个版本,弃用了之前的contentEditable,性能得到了很大提升。如今,CodeMirror即将发布最新的重构版本6。
  Monaco Editor算是后起之秀,随着2015年VS Code的发布而诞生,它与VS Code使用同样的核心代码。
  快速开始
  这里以不引入任何框架的,纯粹的html+css+js形式展示三类编辑器的使用。
  Ace
  官方示例
  <br /><br /><br /> <br /> <br /> Editor<br /> <br /> body {<br /> overflow: hidden;<br /> }<br /><br /> #editor {<br /> margin: 0;<br /> position: absolute;<br /> top: 0;<br /> bottom: 0;<br /> left: 0;<br /> right: 0;<br /> }<br /> <br /><br /><br /><br />function foo(items) {<br /> var i;<br /> for (i = 0; i &lt; items.length; i++) {<br /> alert("Ace Rocks " + items[i]);<br /> }<br />}
  复制代码
  这里承载编辑器内容的html标签是pre,实际开发中并不常见,可以替换成div。
  注意ace的引用方式。ace-builds repository是ace的最新发布包,直接将src* 子目录拷贝到项目中即可使用,发布包总共有四个版本。
  当然我们也可以自行打包,从github仓库拉取源码,执行下面的脚本。
  npm install<br />node ./Makefile.dryice.js<br />复制代码
  于是就得到了完整的版本,即上述四个版本中的第一个,还可以通过脚本选项生成另外三个版本或是指定输出目录。
  CodeMirror
  直接下载zip文件并拷贝到项目中即可使用。
  <br /><br /> <br /> <br /> <br /> <br /> Document<br /> <br /> <br /> <br /> <br /> .CodeMirror {<br /> border: 1px solid black;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> // 方式1<br /> var ele = document.getElementById("editor");<br /> var editor = CodeMirror.fromTextArea(ele, {<br /> lineNumbers: true,<br /> mode: "javascript"<br /> });<br /> editor.setValue("var a = 'hello world';")<br /> // 方式2<br /> var editor2 = CodeMirror(document.getElementById("editor2"), {<br /> lineNumbers: true,<br /> value: "console.log('hello world');",<br /> mode: "javascript"<br /> })<br /> <br /> <br /><br />复制代码
  这里有两种方式创建编辑器,fromTextArea的方式具有一些额外的特性。详情戳这里
  Monaco Editor
  通过npm安装
  npm install monaco-editor<br />复制代码
  安装完成后生成三个版本。
  另外还有一个min版本的source maps文件夹和一个编辑器api描述文件monaco.d.ts
  AMD版本的官方示例
  <br /><br /> <br /> browser-amd-editor<br /> <br /> <br /> <br /> Monaco Editor Sample<br /> <br /><br /> <br /> <br /> <br /> require.config({ paths: { vs: "../node_modules/monaco-editor/min/vs" } });<br /><br /> require(["vs/editor/editor.main"], function () {<br /> var editor = monaco.editor.create(<br /> document.getElementById("container"),<br /> {<br /> value: [<br /> "function x() {",<br /> '\tconsole.log("Hello world!");',<br /> "}",<br /> ].join("\n"),<br /> language: "javascript",<br /> }<br /> );<br /> });<br /> <br /> <br /><br />复制代码
  实际项目基本都是基于前端框架开发,下面就以Vue为例介绍三类编辑器的使用。
  在Vue项目中的使用Ace
  npm install ace-builds<br />复制代码
  import ace from "ace-builds"<br />复制代码
  实际使用过程中我们一般都会指定代码的语言类型,还有可能修改编辑器的默认样式。这样的话,我们还需要引入相关的语言类型文件和主题文件。
  import "ace-builds/src-noconflict/mode-javascript.js"<br />import "ace-builds/src-noconflict/theme-tomorrow.js"<br />复制代码
  但是,如果我们想动态切换语言类型或是主题,是不是应该把对应的js文件全部引入呢?Ace为我们提供了更简洁的方法。
  import "ace-builds/webpack-resolver"<br />复制代码
  这样就完成了语言类型和主题的动态加载,前提是项目基于webpack构建的。
  设置主题
  myEditor.setTheme("ace/theme/tomorrow")<br />复制代码
  设置语言类型
  // 一个editor可能存在多个session<br />myEditor.session.setMode("ace/mode/javascript")<br />myEditor.setMode("ace/mode/javascript")<br />复制代码
  设置/获取值
  myEditor.setValue("the new text here")<br />myEditor.session.setValue("the new text here")<br />myEditor.getValue() // or session.getValue<br />复制代码
  设置tab大小
  myEditor.session.setTabSize(4)<br />复制代码
  是否只读
  myEditor.setReadOnly(true) // false可编辑<br />复制代码
  当我们要设置多个属性值时,除了单独调用每个api,还可以使用下面这种方式。
  myEditor.setOptions({<br /> mode: "ace/mode/javascript",<br /> theme: "ace/theme/tomorrow",<br /> value: "hello world"<br />})<br />复制代码
  有了这些常用的api,编辑器基本成型了。可以参考官网或是源码ace.d.ts查看全部的接口。
  Ace自带语法检查功能,目前支持JavaScript, JSON, PHP, CoffeeScript, CSS, XQuery,XML,HTML。
  效果如下:
  
  除了语法检查,还可以设置代码提示和自动补全。只需要引入语言构建扩展,并设置相关属性即可。
  import "ace-builds/src-noconflict/ext-language_tools"<br /><br />myEditor.setOptions({<br /> enableBasicAutocompletion: true,<br /> enableSnippets: true,<br /> enableLiveAutocompletion: true,<br />});<br />复制代码
  效果如下:
  
  图中的提示及补全片段都可以在源码中找到,我们可以按照源码中的语法添加自定义的提示及补全片段信息。
  CodeMirror
  npm install codemirror<br />复制代码
  import CodeMirror from "codemirror/lib/codemirror.js"<br />import "codemirror/lib/codemirror.css"<br />复制代码
  同样,对于主题和语言类型也需要引入相应的文件。
  import "codemirror/theme/material.css"<br />import "codemirror/mode/javascript/javascript.js"<br />复制代码
  设置属性
  myEditor.setOption("mode", "text/javascript")<br />myEditor.setOption("value", "hello world")<br />复制代码
  设置/获取值
  myEditor.getValue()<br />myEditor.setValue("hello world")<br />复制代码
  CodeMirror默认是没有语法检查功能的,需要利用插件addon进行扩展。
  import "codemirror/addon/lint/lint.css"<br />import "codemirror/addon/lint/lint.js"<br />import "codemirror/addon/lint/javascript-lint.js"<br />this.editor = CodeMirror.fromTextArea(this.$refs.editor, {<br /> mode: "text/javascript",<br /> gutters: ["CodeMirror-lint-markers"],<br /> lint: true<br />})<br />复制代码
  另外还需要引入语言对应的检查工具,可以在项目的index.html中引入。
  <br />复制代码
  效果如下。
  
  代码提示和智能补全,需要引入相关插件,设置属性并绑定快捷键触发。
  import "codemirror/addon/hint/show-hint.js"<br />import "codemirror/addon/hint/show-hint.css"<br />import "codemirror/addon/hint/javascript-hint.js"<br />myEditor = CodeMirror.fromTextArea(this.$refs.editor, {<br /> mode: "text/javascript",<br /> extraKeys: { "Ctrl-Enter": "autocomplete", "Cmd-Enter": "autocomplete" }<br />})<br />CodeMirror.commands.autocomplete = function (cm) {<br /> cm.showHint({ hint: CodeMirror.hint.javascript });<br />}<br />复制代码
  这里分别定义了windows和mac系统下触发代码提示和智能补全的组合键,Ctrl+Enter Cmd+Enter。效果如下。
  
  CodeMirror支持diff模式,需要引入的插件及实现如下。
  import "codemirror/addon/merge/merge.css"<br />import "codemirror/addon/merge/merge.js"<br /><br />const orig1 = `import Vue from 'vue'<br />import App from './App.vue'\n<br /><br />Vue.config.productionTip = false<br /><br />new Vue({<br /> render: h => h(App),<br />}).$mount('#app')`;<br /><br />const orig2 = `import Vue from "vue";<br />import Vuex from "vuex";<br />import App from "./App.vue";<br />import ElementUI from "element-ui";<br />import "element-ui/lib/theme-chalk/index.css";<br /><br />Vue.config.productionTip = false;<br /><br />Vue.use(ElementUI);<br />Vue.use(Vuex);<br /><br />const store = new Vuex.Store({<br /> state: {<br /> tabName: "",<br /> },<br /> mutations: {<br /> changeTab(state, tabName) {<br /> state.tabName = tabName;<br /> },<br /> },<br />});<br /><br />new Vue({<br /> render: (h) => h(App),<br /> store: store,<br />}).$mount("#app");`;<br /><br />myDiffEditor = CodeMirror.MergeView(<br /> document.getElementById("view"),<br /> {<br /> value: orig1,<br /> origLeft: null,<br /> orig: orig2,<br /> lineNumbers: true,<br /> mode: "text/javascript",<br /> highlightDifferences: true,<br /> connect: true,<br /> collapseIdentical: false<br /> }<br />);<br />复制代码
  diff功能需要依赖diff-match-patch开源库来计算差异。
  <br />复制代码
  最终效果如下。
  
  Monaco Editor
  npm install monaco-editor<br />复制代码
  此外,还需要安装配套的webpack插件。
  npm install monaco-editor-webpack-plugin<br />复制代码
  在vue.config.js中添加插件。
  const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');<br /><br />module.exports = {<br /> configureWebpack: {<br /> plugins: [<br /> new MonacoWebpackPlugin()<br /> ]<br /> }<br />}<br />复制代码
  import * as monaco from "monaco-editor"<br />复制代码
  设置语言类型
  const model = myEditor.getModel()<br />monaco.editor.setModelLanuage(model, "javascript")<br />复制代码
  设置主题
  monaco editor自带三种主题,默认的"vs"及"vs-dark"、"hc-black"。
  monaco.editor.setTheme("vs-dark")<br />复制代码
  设置属性
  例如,readOnly(是否只读)、renderLineHighlight(高亮行)、lineNumbers(是否显示行号)、fontSize(字体大小)等。
  myEditor.updateOptions({<br /> [name]: value // name表示属性名称,value为对应的属性值<br />})<br />复制代码
  这里仅列举了部分属性,完整的请参考官网或是源码monaco.d.ts。官网还提供了丰富的示例。
  monaco editor默认支持TypeScript, JavaScript, CSS, LESS, SCSS, JSON, HTML的语法校验及智能提示补全功能。效果如下。
  
  和桌面端的vscode没有任何区别。
  再看diff模式。
  const originalModel = monaco.editor.createModel(<br /> `import Vue from 'vue'<br />import App from './App.vue'\n<br /><br />Vue.config.productionTip = false<br /><br />new Vue({<br /> render: h => h(App),<br />}).$mount('#app')`,<br /> "javascript"<br /> );<br /> <br />const modifiedModel = monaco.editor.createModel(<br /> `import Vue from "vue";<br />import Vuex from "vuex";<br />import App from "./App.vue";<br />import ElementUI from "element-ui";<br />import "element-ui/lib/theme-chalk/index.css";<br /><br />Vue.config.productionTip = false;<br /><br />Vue.use(ElementUI);<br />Vue.use(Vuex);<br /><br />const store = new Vuex.Store({<br /> state: {<br /> tabName: "",<br /> },<br /> mutations: {<br /> changeTab(state, tabName) {<br /> state.tabName = tabName;<br /> },<br /> },<br />});<br /><br />new Vue({<br /> render: (h) => h(App),<br /> store: store,<br />}).$mount("#app");`,<br /> "javascript"<br /> );<br /> <br />myDiffEditor = monaco.editor.createDiffEditor(<br /> document.getElementById("monaco-editor")<br />);<br />myDiffEditor.setModel({<br /> original: originalModel,<br /> modified: modifiedModel,<br />});<br />复制代码
  效果如下。
  
  总结
  Ace,CodeMirror,Monaco Editor这三类编辑器的基本功能几乎相差无几,部分api高度相似,同样都具备部分语言的语法校验和代码智能提示及补全功能,只不过在实现方式上有所区别。自定义主题和语言,三者也都支持,实际项目遇到的可能性较小,文中没有介绍。Ace和CodeMirror的diff模式都依赖第三方开源库,而Monaco Editor自带diff功能。Monaco Editor与vscode同根同源,对于日常的vscode使用者,monaco editor相比之下无疑更加亲切,UI更加美观。CodeMirror重构之后的新版本同样值得期待。如果项目需要用到TypeScript,Ace和Monaco Editor可能是更好的选择。 查看全部

  WEB编辑器哪家强
  
  作为一名coder,像VS Code这样的代码编辑器自然是必不可少的,你还可以使用类似CodeSandbox这样的online编辑器开发demo程序。编辑器更多是作为工具方便我们进行日常的代码开发工作,倘若将编辑器视作产品的一部分为其提供可扩展的能力,我们该如何应对。答案是:web编辑器,现在热门的可视化页面搭建系统便是一个典型的案例。
  今天要介绍的是三款开源的主流web编辑器:
  Ace
  CodeMirror
  Monaco Editor
  前世今生
  Ace是来自 Cloud9 Editor的一个独立的代码编辑器,它的前身是Bespin和后来的Skywriter。这两者最开始走的路线不一样,Bespin基于canvas,Ace基于DOM。Ace发布于2010年,之后Skywriter团队将Skywriter的插件系统和可扩展性融合到了Ace中,便形成了现在的Ace编辑器。现在,和Mozilla都在积极的开发和维护Ace。
  CodeMirror的第一版于2007年发布,该版本基于浏览器的contentEditable属性实现。2010年发布的Ace采用了新的技术并证明即使是使用javascript操作数以千行的DOM也不存在性能问题,这驱使了CodeMirror的重构并发布了第二个版本,弃用了之前的contentEditable,性能得到了很大提升。如今,CodeMirror即将发布最新的重构版本6。
  Monaco Editor算是后起之秀,随着2015年VS Code的发布而诞生,它与VS Code使用同样的核心代码。
  快速开始
  这里以不引入任何框架的,纯粹的html+css+js形式展示三类编辑器的使用。
  Ace
  官方示例
  <br /><br /><br /> <br /> <br /> Editor<br /> <br /> body {<br /> overflow: hidden;<br /> }<br /><br /> #editor {<br /> margin: 0;<br /> position: absolute;<br /> top: 0;<br /> bottom: 0;<br /> left: 0;<br /> right: 0;<br /> }<br /> <br /><br /><br /><br />function foo(items) {<br /> var i;<br /> for (i = 0; i &lt; items.length; i++) {<br /> alert("Ace Rocks " + items[i]);<br /> }<br />}
  复制代码
  这里承载编辑器内容的html标签是pre,实际开发中并不常见,可以替换成div。
  注意ace的引用方式。ace-builds repository是ace的最新发布包,直接将src* 子目录拷贝到项目中即可使用,发布包总共有四个版本。
  当然我们也可以自行打包,从github仓库拉取源码,执行下面的脚本。
  npm install<br />node ./Makefile.dryice.js<br />复制代码
  于是就得到了完整的版本,即上述四个版本中的第一个,还可以通过脚本选项生成另外三个版本或是指定输出目录。
  CodeMirror
  直接下载zip文件并拷贝到项目中即可使用。
  <br /><br /> <br /> <br /> <br /> <br /> Document<br /> <br /> <br /> <br /> <br /> .CodeMirror {<br /> border: 1px solid black;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> // 方式1<br /> var ele = document.getElementById("editor");<br /> var editor = CodeMirror.fromTextArea(ele, {<br /> lineNumbers: true,<br /> mode: "javascript"<br /> });<br /> editor.setValue("var a = 'hello world';")<br /> // 方式2<br /> var editor2 = CodeMirror(document.getElementById("editor2"), {<br /> lineNumbers: true,<br /> value: "console.log('hello world');",<br /> mode: "javascript"<br /> })<br /> <br /> <br /><br />复制代码
  这里有两种方式创建编辑器,fromTextArea的方式具有一些额外的特性。详情戳这里
  Monaco Editor
  通过npm安装
  npm install monaco-editor<br />复制代码
  安装完成后生成三个版本。
  另外还有一个min版本的source maps文件夹和一个编辑器api描述文件monaco.d.ts
  AMD版本的官方示例
  <br /><br /> <br /> browser-amd-editor<br /> <br /> <br /> <br /> Monaco Editor Sample<br /> <br /><br /> <br /> <br /> <br /> require.config({ paths: { vs: "../node_modules/monaco-editor/min/vs" } });<br /><br /> require(["vs/editor/editor.main"], function () {<br /> var editor = monaco.editor.create(<br /> document.getElementById("container"),<br /> {<br /> value: [<br /> "function x() {",<br /> '\tconsole.log("Hello world!");',<br /> "}",<br /> ].join("\n"),<br /> language: "javascript",<br /> }<br /> );<br /> });<br /> <br /> <br /><br />复制代码
  实际项目基本都是基于前端框架开发,下面就以Vue为例介绍三类编辑器的使用。
  在Vue项目中的使用Ace
  npm install ace-builds<br />复制代码
  import ace from "ace-builds"<br />复制代码
  实际使用过程中我们一般都会指定代码的语言类型,还有可能修改编辑器的默认样式。这样的话,我们还需要引入相关的语言类型文件和主题文件。
  import "ace-builds/src-noconflict/mode-javascript.js"<br />import "ace-builds/src-noconflict/theme-tomorrow.js"<br />复制代码
  但是,如果我们想动态切换语言类型或是主题,是不是应该把对应的js文件全部引入呢?Ace为我们提供了更简洁的方法。
  import "ace-builds/webpack-resolver"<br />复制代码
  这样就完成了语言类型和主题的动态加载,前提是项目基于webpack构建的。
  设置主题
  myEditor.setTheme("ace/theme/tomorrow")<br />复制代码
  设置语言类型
  // 一个editor可能存在多个session<br />myEditor.session.setMode("ace/mode/javascript")<br />myEditor.setMode("ace/mode/javascript")<br />复制代码
  设置/获取值
  myEditor.setValue("the new text here")<br />myEditor.session.setValue("the new text here")<br />myEditor.getValue() // or session.getValue<br />复制代码
  设置tab大小
  myEditor.session.setTabSize(4)<br />复制代码
  是否只读
  myEditor.setReadOnly(true) // false可编辑<br />复制代码
  当我们要设置多个属性值时,除了单独调用每个api,还可以使用下面这种方式。
  myEditor.setOptions({<br /> mode: "ace/mode/javascript",<br /> theme: "ace/theme/tomorrow",<br /> value: "hello world"<br />})<br />复制代码
  有了这些常用的api,编辑器基本成型了。可以参考官网或是源码ace.d.ts查看全部的接口。
  Ace自带语法检查功能,目前支持JavaScript, JSON, PHP, CoffeeScript, CSS, XQuery,XML,HTML。
  效果如下:
  
  除了语法检查,还可以设置代码提示和自动补全。只需要引入语言构建扩展,并设置相关属性即可。
  import "ace-builds/src-noconflict/ext-language_tools"<br /><br />myEditor.setOptions({<br /> enableBasicAutocompletion: true,<br /> enableSnippets: true,<br /> enableLiveAutocompletion: true,<br />});<br />复制代码
  效果如下:
  
  图中的提示及补全片段都可以在源码中找到,我们可以按照源码中的语法添加自定义的提示及补全片段信息。
  CodeMirror
  npm install codemirror<br />复制代码
  import CodeMirror from "codemirror/lib/codemirror.js"<br />import "codemirror/lib/codemirror.css"<br />复制代码
  同样,对于主题和语言类型也需要引入相应的文件。
  import "codemirror/theme/material.css"<br />import "codemirror/mode/javascript/javascript.js"<br />复制代码
  设置属性
  myEditor.setOption("mode", "text/javascript")<br />myEditor.setOption("value", "hello world")<br />复制代码
  设置/获取值
  myEditor.getValue()<br />myEditor.setValue("hello world")<br />复制代码
  CodeMirror默认是没有语法检查功能的,需要利用插件addon进行扩展。
  import "codemirror/addon/lint/lint.css"<br />import "codemirror/addon/lint/lint.js"<br />import "codemirror/addon/lint/javascript-lint.js"<br />this.editor = CodeMirror.fromTextArea(this.$refs.editor, {<br /> mode: "text/javascript",<br /> gutters: ["CodeMirror-lint-markers"],<br /> lint: true<br />})<br />复制代码
  另外还需要引入语言对应的检查工具,可以在项目的index.html中引入。
  <br />复制代码
  效果如下。
  
  代码提示和智能补全,需要引入相关插件,设置属性并绑定快捷键触发。
  import "codemirror/addon/hint/show-hint.js"<br />import "codemirror/addon/hint/show-hint.css"<br />import "codemirror/addon/hint/javascript-hint.js"<br />myEditor = CodeMirror.fromTextArea(this.$refs.editor, {<br /> mode: "text/javascript",<br /> extraKeys: { "Ctrl-Enter": "autocomplete", "Cmd-Enter": "autocomplete" }<br />})<br />CodeMirror.commands.autocomplete = function (cm) {<br /> cm.showHint({ hint: CodeMirror.hint.javascript });<br />}<br />复制代码
  这里分别定义了windows和mac系统下触发代码提示和智能补全的组合键,Ctrl+Enter Cmd+Enter。效果如下。
  
  CodeMirror支持diff模式,需要引入的插件及实现如下。
  import "codemirror/addon/merge/merge.css"<br />import "codemirror/addon/merge/merge.js"<br /><br />const orig1 = `import Vue from 'vue'<br />import App from './App.vue'\n<br /><br />Vue.config.productionTip = false<br /><br />new Vue({<br /> render: h => h(App),<br />}).$mount('#app')`;<br /><br />const orig2 = `import Vue from "vue";<br />import Vuex from "vuex";<br />import App from "./App.vue";<br />import ElementUI from "element-ui";<br />import "element-ui/lib/theme-chalk/index.css";<br /><br />Vue.config.productionTip = false;<br /><br />Vue.use(ElementUI);<br />Vue.use(Vuex);<br /><br />const store = new Vuex.Store({<br /> state: {<br /> tabName: "",<br /> },<br /> mutations: {<br /> changeTab(state, tabName) {<br /> state.tabName = tabName;<br /> },<br /> },<br />});<br /><br />new Vue({<br /> render: (h) => h(App),<br /> store: store,<br />}).$mount("#app");`;<br /><br />myDiffEditor = CodeMirror.MergeView(<br /> document.getElementById("view"),<br /> {<br /> value: orig1,<br /> origLeft: null,<br /> orig: orig2,<br /> lineNumbers: true,<br /> mode: "text/javascript",<br /> highlightDifferences: true,<br /> connect: true,<br /> collapseIdentical: false<br /> }<br />);<br />复制代码
  diff功能需要依赖diff-match-patch开源库来计算差异。
  <br />复制代码
  最终效果如下。
  
  Monaco Editor
  npm install monaco-editor<br />复制代码
  此外,还需要安装配套的webpack插件。
  npm install monaco-editor-webpack-plugin<br />复制代码
  在vue.config.js中添加插件。
  const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');<br /><br />module.exports = {<br /> configureWebpack: {<br /> plugins: [<br /> new MonacoWebpackPlugin()<br /> ]<br /> }<br />}<br />复制代码
  import * as monaco from "monaco-editor"<br />复制代码
  设置语言类型
  const model = myEditor.getModel()<br />monaco.editor.setModelLanuage(model, "javascript")<br />复制代码
  设置主题
  monaco editor自带三种主题,默认的"vs"及"vs-dark"、"hc-black"。
  monaco.editor.setTheme("vs-dark")<br />复制代码
  设置属性
  例如,readOnly(是否只读)、renderLineHighlight(高亮行)、lineNumbers(是否显示行号)、fontSize(字体大小)等。
  myEditor.updateOptions({<br /> [name]: value // name表示属性名称,value为对应的属性值<br />})<br />复制代码
  这里仅列举了部分属性,完整的请参考官网或是源码monaco.d.ts。官网还提供了丰富的示例。
  monaco editor默认支持TypeScript, JavaScript, CSS, LESS, SCSS, JSON, HTML的语法校验及智能提示补全功能。效果如下。
  
  和桌面端的vscode没有任何区别。
  再看diff模式。
  const originalModel = monaco.editor.createModel(<br /> `import Vue from 'vue'<br />import App from './App.vue'\n<br /><br />Vue.config.productionTip = false<br /><br />new Vue({<br /> render: h => h(App),<br />}).$mount('#app')`,<br /> "javascript"<br /> );<br /> <br />const modifiedModel = monaco.editor.createModel(<br /> `import Vue from "vue";<br />import Vuex from "vuex";<br />import App from "./App.vue";<br />import ElementUI from "element-ui";<br />import "element-ui/lib/theme-chalk/index.css";<br /><br />Vue.config.productionTip = false;<br /><br />Vue.use(ElementUI);<br />Vue.use(Vuex);<br /><br />const store = new Vuex.Store({<br /> state: {<br /> tabName: "",<br /> },<br /> mutations: {<br /> changeTab(state, tabName) {<br /> state.tabName = tabName;<br /> },<br /> },<br />});<br /><br />new Vue({<br /> render: (h) => h(App),<br /> store: store,<br />}).$mount("#app");`,<br /> "javascript"<br /> );<br /> <br />myDiffEditor = monaco.editor.createDiffEditor(<br /> document.getElementById("monaco-editor")<br />);<br />myDiffEditor.setModel({<br /> original: originalModel,<br /> modified: modifiedModel,<br />});<br />复制代码
  效果如下。
  
  总结
  Ace,CodeMirror,Monaco Editor这三类编辑器的基本功能几乎相差无几,部分api高度相似,同样都具备部分语言的语法校验和代码智能提示及补全功能,只不过在实现方式上有所区别。自定义主题和语言,三者也都支持,实际项目遇到的可能性较小,文中没有介绍。Ace和CodeMirror的diff模式都依赖第三方开源库,而Monaco Editor自带diff功能。Monaco Editor与vscode同根同源,对于日常的vscode使用者,monaco editor相比之下无疑更加亲切,UI更加美观。CodeMirror重构之后的新版本同样值得期待。如果项目需要用到TypeScript,Ace和Monaco Editor可能是更好的选择。

几款非常优秀且常用的代码编辑器

网站优化优采云 发表了文章 • 0 个评论 • 77 次浏览 • 2022-05-06 18:29 • 来自相关话题

  几款非常优秀且常用的代码编辑器
  对于软件开发人员,代码编辑器直接影响代码编辑的效率。现在做软件开发,大多使用集成开发环境,且自带编辑器,但IDE自带编辑器多少都存在一些不足。今天给大家分享几款优秀并且大家常用的编辑器。
  一、VS Code
  网址:
  
  VS Code 绝大部分软件工程师都在使用,目前最新版本V1.42现已发布。
  Visual Studio Code是一个轻量级但功能强大的源代码编辑器,可用于Windows,macOS和Linux。
  特点:
  二、Source Insight
  网址:
  
  Source Insight可以说是嵌入式工程师必备的一个工具,它是一个面向项目开发的程序编辑器和代码浏览器,它拥有内置的对C/C++, C#和Java等程序的分析。能分析源代码并在工作的同时动态维护它自己的符号数据库,并自动显示有用的上下文信息。
  source insight是一个优秀工具,付费是它的一点不足。
  三、Vim
  网址:
  
  Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性。
  其功能包括:
  四、UltraEdit
  网址:
  
  UltraEdit 是一套功能强大的文本编辑器,也是以前很多工程师必备的一套编辑器。
  UltraEdit可以编辑文本、十六进制、ASCII 码,完全可以取代记事本(如果电脑配置足够强大),内建英文单字检查、C++ 及 VB 指令突显,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢。
  特点:
  五、Atom
  网址:
  
  Atom 是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。
  特点:
  六、Sublime Text
  网址:
  
  Sublime Text 是一个文本编辑器,同时也是一个先进的代码编辑器。
  常见编辑功能:
  最后说明:除了IDE自带编辑器,大家有时间可以上网了解一些常用的编辑器,说不定有你喜欢的。这些都是经典的编辑器,教程很多,上手容易,不妨抽空了解一下。
  ‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧END‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧推荐阅读: 查看全部

  几款非常优秀且常用的代码编辑器
  对于软件开发人员,代码编辑器直接影响代码编辑的效率。现在做软件开发,大多使用集成开发环境,且自带编辑器,但IDE自带编辑器多少都存在一些不足。今天给大家分享几款优秀并且大家常用的编辑器。
  一、VS Code
  网址:
  
  VS Code 绝大部分软件工程师都在使用,目前最新版本V1.42现已发布。
  Visual Studio Code是一个轻量级但功能强大的源代码编辑器,可用于Windows,macOS和Linux。
  特点:
  二、Source Insight
  网址:
  
  Source Insight可以说是嵌入式工程师必备的一个工具,它是一个面向项目开发的程序编辑器和代码浏览器,它拥有内置的对C/C++, C#和Java等程序的分析。能分析源代码并在工作的同时动态维护它自己的符号数据库,并自动显示有用的上下文信息。
  source insight是一个优秀工具,付费是它的一点不足。
  三、Vim
  网址:
  
  Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性。
  其功能包括:
  四、UltraEdit
  网址:
  
  UltraEdit 是一套功能强大的文本编辑器,也是以前很多工程师必备的一套编辑器。
  UltraEdit可以编辑文本、十六进制、ASCII 码,完全可以取代记事本(如果电脑配置足够强大),内建英文单字检查、C++ 及 VB 指令突显,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢。
  特点:
  五、Atom
  网址:
  
  Atom 是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。
  特点:
  六、Sublime Text
  网址:
  
  Sublime Text 是一个文本编辑器,同时也是一个先进的代码编辑器。
  常见编辑功能:
  最后说明:除了IDE自带编辑器,大家有时间可以上网了解一些常用的编辑器,说不定有你喜欢的。这些都是经典的编辑器,教程很多,上手容易,不妨抽空了解一下。
  ‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧END‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧推荐阅读:

网站内容编辑器的使用技巧有哪些?怎么做?

网站优化优采云 发表了文章 • 0 个评论 • 58 次浏览 • 2022-05-04 19:01 • 来自相关话题

  网站内容编辑器的使用技巧有哪些?怎么做?
  网站内容编辑器分类很多,你可以根据自己的需求去发掘,其实对于编辑器还是很多的,建议你去多了解这个行业,才能找到一个适合自己的工具。
  做内容编辑,首先需要了解编辑器的使用技巧。如果你是不懂编辑器的使用,你建议先自己了解下。一般内容编辑器的功能有:内容编辑器,素材编辑器,表单编辑器,图片编辑器,一键生成。这些功能看起来很简单,但真正的使用,确实需要思考才可以实现,因为这些功能是为了实现内容编辑更高效,更易用。因此建议先去知乎上搜索了解下内容编辑的一些基本知识。
  内容编辑器的快捷操作,怎么做标题,怎么排版,如何配图等。然后,我感觉知乎推荐的比较多的还是zaker(长微博)的编辑器,就是一键生成长微博,复制内容,就可以制作表单,然后填写在素材库中。对于不懂这个技术的同学,需要花点时间去了解怎么做。
  谢邀,现在好多编辑器都有编辑框,如booouce,后来还有了抠图等功能,可以考虑试试下面这个小程序,有很多发布功能,也不用下载app,
  topas
  推荐一个站内搜索,方便发现和筛选内容。
  【简书】那里有编辑器可以下载,随便看看推荐了很多编辑器,适合制作图文的话,还是先学会使用photoshop和ai,不然内容质量再好也会把人逼疯。手机和电脑也有。但是电脑上的一些功能也会相对方便。 查看全部

  网站内容编辑器的使用技巧有哪些?怎么做?
  网站内容编辑器分类很多,你可以根据自己的需求去发掘,其实对于编辑器还是很多的,建议你去多了解这个行业,才能找到一个适合自己的工具。
  做内容编辑,首先需要了解编辑器的使用技巧。如果你是不懂编辑器的使用,你建议先自己了解下。一般内容编辑器的功能有:内容编辑器,素材编辑器,表单编辑器,图片编辑器,一键生成。这些功能看起来很简单,但真正的使用,确实需要思考才可以实现,因为这些功能是为了实现内容编辑更高效,更易用。因此建议先去知乎上搜索了解下内容编辑的一些基本知识。
  内容编辑器的快捷操作,怎么做标题,怎么排版,如何配图等。然后,我感觉知乎推荐的比较多的还是zaker(长微博)的编辑器,就是一键生成长微博,复制内容,就可以制作表单,然后填写在素材库中。对于不懂这个技术的同学,需要花点时间去了解怎么做。
  谢邀,现在好多编辑器都有编辑框,如booouce,后来还有了抠图等功能,可以考虑试试下面这个小程序,有很多发布功能,也不用下载app,
  topas
  推荐一个站内搜索,方便发现和筛选内容。
  【简书】那里有编辑器可以下载,随便看看推荐了很多编辑器,适合制作图文的话,还是先学会使用photoshop和ai,不然内容质量再好也会把人逼疯。手机和电脑也有。但是电脑上的一些功能也会相对方便。

网页在线版已支持本地磁盘存储

网站优化优采云 发表了文章 • 0 个评论 • 63 次浏览 • 2022-05-04 02:50 • 来自相关话题

  网页在线版已支持本地磁盘存储
  目前,在线版使用Chromium内核的浏览器已支持文档本地磁盘存储,如果浏览器支持磁盘存储,添加仓库时将出现“磁盘(本地)”选择项,这类浏览器包括Chrome、Edge及360等浏览器。如果你有使用网页在线版编辑器,并想把文档存储在本地的话,强烈建议存储在磁盘。因为存储在浏览器本地数据库,内容会因为清除浏览器缓存等操作可能造成内容丢失。
  
  在线版新增磁盘(本地)存储
  另外,目前在线版添加仓库时,不强制添加图床仓库了,软件版在下个版本中更新。
  有写作者反馈能不能支持下PicGo,可以方便添加腾讯云等更多的图床。我有尝试添加支持,最后发现PicGo的Server不支持跨域访问,这样在网页在线版中就不能使用PicGo了,后续看能不能联系到PicGo作者,反馈下能不能让PicGo支持下跨域访问。暂时先搁置PicGo了。
  下次更新,将支持Gitlab、Codingnet之类的Git仓库存储。 查看全部

  网页在线版已支持本地磁盘存储
  目前,在线版使用Chromium内核的浏览器已支持文档本地磁盘存储,如果浏览器支持磁盘存储,添加仓库时将出现“磁盘(本地)”选择项,这类浏览器包括Chrome、Edge及360等浏览器。如果你有使用网页在线版编辑器,并想把文档存储在本地的话,强烈建议存储在磁盘。因为存储在浏览器本地数据库,内容会因为清除浏览器缓存等操作可能造成内容丢失。
  
  在线版新增磁盘(本地)存储
  另外,目前在线版添加仓库时,不强制添加图床仓库了,软件版在下个版本中更新。
  有写作者反馈能不能支持下PicGo,可以方便添加腾讯云等更多的图床。我有尝试添加支持,最后发现PicGo的Server不支持跨域访问,这样在网页在线版中就不能使用PicGo了,后续看能不能联系到PicGo作者,反馈下能不能让PicGo支持下跨域访问。暂时先搁置PicGo了。
  下次更新,将支持Gitlab、Codingnet之类的Git仓库存储。

解决百度编辑器与伪静态之间的冲突

网站优化优采云 发表了文章 • 0 个评论 • 56 次浏览 • 2022-05-04 02:48 • 来自相关话题

  解决百度编辑器与伪静态之间的冲突
  近日,笔者将网站从Linux服务器迁移到了一台新的虚拟服务器中,系统为Windows Server2019,WEB服务器为IIS10,支持,因为网站是用php开发的,所以服务器也配置了支持php,网站代码中采用了百度编辑器UEditor作为文本编辑器,但在调试过程中发现,原来在Nginx中运行正常的UEditor在新环境下却无法上传图片及文件,没有任何错误提示,上传窗口内只有一片空白。
  
  图1 发生错误的上传窗口
  登录服务器,检查UEditor各种配置均正常,于是建立了一个临时站点,专门运行UEditor,测试上传功能,结果正常,说明代码及配置都没有问题。再进入网站打开一片空白的上传窗口,按F12,启动浏览器的调试模式发现上传图片的窗体文件域名/ueditor/dialogs/image/image.html报404错误,这个文件就是上传窗口文件,访问不到即显示为空白。直接从浏览器地址栏输入这个地址,依然是404错误,说明没有找到此文件,但经核实这个文件确实存在,而把域名换成刚才临时站点的地址,能正常打开,为什么存在的文件却访问不到,而新建立的站点还能正常找到呢?为什么在Linux的Nginx中正常,而Windows中的IIS10中就不正常了呢?只能说明这个网站的配置一定有问题,于是进入网站目录,打开了配置文件web.config,发现了以下一段配置:
  这是为了安全,我为网站设置了伪静态即URL重写,也就是把*.php伪静态成了*.html,当客户端访问.html时,服务器实际上给返回对应的*.php的内容,那么问题就应该在这里!IIS10与Nginx的URL重写规则即伪静态规则不太相同,IIS10把.html地址重写为了.php但会忽略真实存在的.html文件,而原来Linux系统中的Nginx虽然也设置了URL重写,但Nginx会优先寻找.html文件,如果不存在.html文件再按重写规则访问.php文件。
  问题找到了,应该怎么解决这个冲突呢?有两种方式:
  一、直接改文件扩展名:
  把ueditor/dialogs/image目录中的image.html直接改名为image.php,另外上传附件功能的ueditor/dialogs/attachment目录中的attachment.html直接改名为attachment.php,上传视频功能的ueditor/dialogs/video目录中的attachment.html直接改名为video.php,其他依次类推。
  二、修改伪静态规则:
  修改web.config文件,在原规则之前加入以下规则:
  
  图2 修改web.config文件中的重写规则
  即对ueditor目录包括其所有子目录.html页面的访问都不执行URL重写。
  
  能训练孩子逻辑思维能力的在线成语辞典
  微信小程序中搜索:易得优成语,或直接扫码进入。 查看全部

  解决百度编辑器与伪静态之间的冲突
  近日,笔者将网站从Linux服务器迁移到了一台新的虚拟服务器中,系统为Windows Server2019,WEB服务器为IIS10,支持,因为网站是用php开发的,所以服务器也配置了支持php,网站代码中采用了百度编辑器UEditor作为文本编辑器,但在调试过程中发现,原来在Nginx中运行正常的UEditor在新环境下却无法上传图片及文件,没有任何错误提示,上传窗口内只有一片空白。
  
  图1 发生错误的上传窗口
  登录服务器,检查UEditor各种配置均正常,于是建立了一个临时站点,专门运行UEditor,测试上传功能,结果正常,说明代码及配置都没有问题。再进入网站打开一片空白的上传窗口,按F12,启动浏览器的调试模式发现上传图片的窗体文件域名/ueditor/dialogs/image/image.html报404错误,这个文件就是上传窗口文件,访问不到即显示为空白。直接从浏览器地址栏输入这个地址,依然是404错误,说明没有找到此文件,但经核实这个文件确实存在,而把域名换成刚才临时站点的地址,能正常打开,为什么存在的文件却访问不到,而新建立的站点还能正常找到呢?为什么在Linux的Nginx中正常,而Windows中的IIS10中就不正常了呢?只能说明这个网站的配置一定有问题,于是进入网站目录,打开了配置文件web.config,发现了以下一段配置:
  这是为了安全,我为网站设置了伪静态即URL重写,也就是把*.php伪静态成了*.html,当客户端访问.html时,服务器实际上给返回对应的*.php的内容,那么问题就应该在这里!IIS10与Nginx的URL重写规则即伪静态规则不太相同,IIS10把.html地址重写为了.php但会忽略真实存在的.html文件,而原来Linux系统中的Nginx虽然也设置了URL重写,但Nginx会优先寻找.html文件,如果不存在.html文件再按重写规则访问.php文件。
  问题找到了,应该怎么解决这个冲突呢?有两种方式:
  一、直接改文件扩展名:
  把ueditor/dialogs/image目录中的image.html直接改名为image.php,另外上传附件功能的ueditor/dialogs/attachment目录中的attachment.html直接改名为attachment.php,上传视频功能的ueditor/dialogs/video目录中的attachment.html直接改名为video.php,其他依次类推。
  二、修改伪静态规则:
  修改web.config文件,在原规则之前加入以下规则:
  
  图2 修改web.config文件中的重写规则
  即对ueditor目录包括其所有子目录.html页面的访问都不执行URL重写。
  
  能训练孩子逻辑思维能力的在线成语辞典
  微信小程序中搜索:易得优成语,或直接扫码进入。

UE5正式版发布,你做好开发伟大游戏的准备了吗?

网站优化优采云 发表了文章 • 0 个评论 • 138 次浏览 • 2022-05-03 11:33 • 来自相关话题

  UE5正式版发布,你做好开发伟大游戏的准备了吗?
  
  自从UE4发布已经过去了8年的时间,4月5日晚,Epic官方通过直播形式发布了最新一代的虚幻引擎5(下称“UE5”)正式版并称已开放下载。
  回顾整个直播,EpicGames先是通过一段颇为震撼的宣传片开场,向开发者展现了UE5的两大核心技术:一是Nanite(虚拟化微多边形几何体系统),二是Lumen(实时动态全局光照),应用了这两项技术的影片,呈现出了电影级的高品质画面效果。
  
  使用UE5开发的游戏宣传画面
  除了“秀肌肉”的部分,正式版UE5重新设计了虚幻引擎编辑器界面,使其拥有更加简洁、现代的外观,便于开发者专注于开发工作。与此同时,UE5还构建了能在编辑器中直接使用的动画和建模工具。
  
  EpicGames在演讲中除了对UE5强大的新功能进行了介绍,还发布了两个可免费下载的示例项目,以便开发者能够迅速了解新引擎。
  第一个示例项目展示了《黑客帝国觉醒》中城市场景的构建过程,并将整座城市作为示例内容发布,为开发者提供一个起点,帮助用户打造出属于自己的世界。
  
  另一个示例项目是初学者游戏包——多人对战射击游戏“Lyra”,该项目内置了模块化组建,可在PC、主机、移动端运行。开发者既可以从中了解UE5 的特性,还能直接基于“Lyra”添加新内容制作出属于自己的游戏。
  
  此外,拥有海量影视、游戏资源库的工具制造商Quixel(已被Epic收购),也开始将包括Megascans library在内的资源整合至UE5中,且完全兼容Nanite渲染功能。
  为了让创作者能轻松获得想要的素材,UE5还带来了能让开发者自定义资产的AR扫描技术“RealityScan”,它能将AR中完成扫描的资产在云端自动处理所有数据,然后将成品资产直接发布到SketchFab,开发者可根据自己的需要随时创建并分享自定义的照片级内容,并且完全免费。
  
  而随着UE5的发布,新的创作者社区(/community)也因此诞生,该网站将整合不同的社区渠道和工具,用户能够在此找到在线学习内容、论坛、问答板块和代码片段等资源。
  
  并且,只需要一个简单易用的教学编辑器,任何人都可以编写教程提交至内容库,建立自己的页面。网站中还设立了代码库,方便开发者分享和保存代码段,与其他开发者之间分享自己的知识。
  
  在直播演讲的最后,官方还公布了部分目前已经与UE5合作的厂商,其中包括:游戏科学、完美世界、祖龙娱乐等国内游戏开发商。目前《巫师》和《古墓丽影》的新作都已确认将采用UE5引擎开发。
  
  随着UE5的到来,开发者将能更方便更快捷地开发次世代游戏,将会给创作者提供“高拟真”的游戏开发能力,进一步缩小虚拟世界与真实世界的鸿沟。
  
  合作请联系
  <strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgb(78, 119, 213)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-style="outline: 0px; max-width: 100%; color: rgb(32, 64, 136); font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; word-wrap: break-word !important; visibility: visible;" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgb(78, 119, 213)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-bgcolor-16478632430374="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16478632430374="#fff|rgb(255, 255, 255)" data-darkmode-color-16478632430374="rgb(78, 119, 213)" data-darkmode-original-color-16478632430374="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-color-16480347369221="rgb(78, 119, 213)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-color-16481190450367="rgb(78, 119, 213)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" style="outline: 0px;color: rgb(32, 64, 136);font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;visibility: visible;">商务合作/投融资对接(微信)<br data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16478632430374="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16478632430374="#fff|rgb(255, 255, 255)" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;" /></strong></strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;visibility: visible;">西瓜:18659030320</strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;">刘威:18948723460</strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;">文静:mutou_kiki</strong></strong></strong></strong></strong>
  <strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;"></strong></strong></strong></strong></strong> 查看全部

  UE5正式版发布,你做好开发伟大游戏的准备了吗?
  
  自从UE4发布已经过去了8年的时间,4月5日晚,Epic官方通过直播形式发布了最新一代的虚幻引擎5(下称“UE5”)正式版并称已开放下载。
  回顾整个直播,EpicGames先是通过一段颇为震撼的宣传片开场,向开发者展现了UE5的两大核心技术:一是Nanite(虚拟化微多边形几何体系统),二是Lumen(实时动态全局光照),应用了这两项技术的影片,呈现出了电影级的高品质画面效果。
  
  使用UE5开发的游戏宣传画面
  除了“秀肌肉”的部分,正式版UE5重新设计了虚幻引擎编辑器界面,使其拥有更加简洁、现代的外观,便于开发者专注于开发工作。与此同时,UE5还构建了能在编辑器中直接使用的动画和建模工具。
  
  EpicGames在演讲中除了对UE5强大的新功能进行了介绍,还发布了两个可免费下载的示例项目,以便开发者能够迅速了解新引擎。
  第一个示例项目展示了《黑客帝国觉醒》中城市场景的构建过程,并将整座城市作为示例内容发布,为开发者提供一个起点,帮助用户打造出属于自己的世界。
  
  另一个示例项目是初学者游戏包——多人对战射击游戏“Lyra”,该项目内置了模块化组建,可在PC、主机、移动端运行。开发者既可以从中了解UE5 的特性,还能直接基于“Lyra”添加新内容制作出属于自己的游戏。
  
  此外,拥有海量影视、游戏资源库的工具制造商Quixel(已被Epic收购),也开始将包括Megascans library在内的资源整合至UE5中,且完全兼容Nanite渲染功能。
  为了让创作者能轻松获得想要的素材,UE5还带来了能让开发者自定义资产的AR扫描技术“RealityScan”,它能将AR中完成扫描的资产在云端自动处理所有数据,然后将成品资产直接发布到SketchFab,开发者可根据自己的需要随时创建并分享自定义的照片级内容,并且完全免费。
  
  而随着UE5的发布,新的创作者社区(/community)也因此诞生,该网站将整合不同的社区渠道和工具,用户能够在此找到在线学习内容、论坛、问答板块和代码片段等资源。
  
  并且,只需要一个简单易用的教学编辑器,任何人都可以编写教程提交至内容库,建立自己的页面。网站中还设立了代码库,方便开发者分享和保存代码段,与其他开发者之间分享自己的知识。
  
  在直播演讲的最后,官方还公布了部分目前已经与UE5合作的厂商,其中包括:游戏科学、完美世界、祖龙娱乐等国内游戏开发商。目前《巫师》和《古墓丽影》的新作都已确认将采用UE5引擎开发。
  
  随着UE5的到来,开发者将能更方便更快捷地开发次世代游戏,将会给创作者提供“高拟真”的游戏开发能力,进一步缩小虚拟世界与真实世界的鸿沟。
  
  合作请联系
  <strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgb(78, 119, 213)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-style="outline: 0px; max-width: 100%; color: rgb(32, 64, 136); font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; word-wrap: break-word !important; visibility: visible;" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgb(78, 119, 213)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-bgcolor-16478632430374="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16478632430374="#fff|rgb(255, 255, 255)" data-darkmode-color-16478632430374="rgb(78, 119, 213)" data-darkmode-original-color-16478632430374="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-color-16480347369221="rgb(78, 119, 213)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-color-16481190450367="rgb(78, 119, 213)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" style="outline: 0px;color: rgb(32, 64, 136);font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;visibility: visible;">商务合作/融资对接(微信)<br data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16478632430374="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16478632430374="#fff|rgb(255, 255, 255)" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;" /></strong></strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;visibility: visible;">西瓜:18659030320</strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;">刘威:18948723460</strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;">文静:mutou_kiki</strong></strong></strong></strong></strong>
  <strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;"></strong></strong></strong></strong></strong>

专为微信准备的开源Markdown编辑器

网站优化优采云 发表了文章 • 0 个评论 • 102 次浏览 • 2022-05-02 14:00 • 来自相关话题

  专为微信准备的开源Markdown编辑器
  大家好,我是TJ
  关注TJ君,回复“武功秘籍”免费获取计算机宝典书籍
  TJ君将之前发过的各种项目及工具进行了整理,收录到了GitHub项目,欢迎各位小伙伴光临Star,地址如下:
  想着很久没跟大家分享和Markdown有关的内容,今天TJ君就来和大家一起来分享一个开源的适用微信的Markdown编辑器
  项目呢基于wechat-format进行二次开发,主要特点在于可以将Markdown文档自动渲染为微信图文,减少用户在微信文章排版方面的花费精力。
  只好你写好内容,就能看到你的文章样式简洁而又美观大方。
  目前项目已经实现的功能特性有:
  可以支持GitHub、阿里云、腾讯云、七牛云、MinIO等多个网站的图床,不过不同网站需要配置的参数不尽相同罢了。
  
  当然,小伙伴也可以使用自定义上传图床,在工具上没有提供预定义图床的情况下,你只需要自定义上传逻辑即可,一般来说有些公共图床不方便用的时候,就非常适合自己来啦。
  使用自定义上传也不麻烦,只需要在给定的函数中更改上传代码即可
  例如:
  const { file, util, okCb, errCb } = CUSTOM_ARG;<br />const param = new FormData();<br />param.append("file", file);<br />util.axios<br />  .post("http://127.0.0.1:9000/upload", param, {<br />    headers: { "Content-Type": "multipart/form-data" },<br />  })<br />  .then((res) => {<br />    okCb(res.url);<br />  })<br />  .catch((err) => {<br />    errCb(err);<br />  });<br /><br />// 提供的可用参数:<br />// CUSTOM_ARG = {<br />//   content, // 待上传图片的 base64<br />//   file, // 待上传图片的 file 对象<br />//   util: {<br />//     axios, // axios 实例<br />//     CryptoJS, // 加密库<br />//     OSS, // ali-oss<br />//     COS, // cos-js-sdk-v5<br />//     Buffer, // buffer-from<br />//     uuidv4, // uuid<br />//     qiniu, // qiniu-js<br />//     tokenTools, // 一些编码转换函数<br />//     getDir, // 获取 年/月/日 形式的目录<br />//     getDateFilename, // 根据文件名获取它以 时间戳+uuid 的形式<br />//   },<br />//   okCb: resolve, // 重要!上传成功后给此回调传 url 即可<br />//   errCb: reject, // 上传失败调用的函数<br />// }<br /><br />
  项目的开发部署及搭建也是比较方便的:
  开发部署:
  # 安装依赖<br />npm i<br /><br /># 启动开发模式<br />npm start<br /><br /># 部署在 /md 目录<br />npm run build<br /># 访问 http://127.0.0.1:9000/md<br /><br /># 部署在根目录<br />npm run build:h5-netlify<br /># 访问 http://127.0.0.1:9000/<br /><br />
  搭建:
  # 安装<br />npm i -g @doocs/md-cli<br /><br /># 启动<br />md-cli<br /><br /># 访问<br />open http://127.0.0.1:8800/md/<br /><br /># 启动并指定端口<br />md-cli port=8899<br /><br /># 访问<br />open http://127.0.0.1:8899/md/<br />
  md-cli 支持以下命令行参数:
  当然想试一下的小伙伴也可以试试在线地址:
  
  项目地址及在线地址都在这里哦: 查看全部

  专为微信准备的开源Markdown编辑器
  大家好,我是TJ
  关注TJ君,回复“武功秘籍”免费获取计算机宝典书籍
  TJ君将之前发过的各种项目及工具进行了整理,收录到了GitHub项目,欢迎各位小伙伴光临Star,地址如下:
  想着很久没跟大家分享和Markdown有关的内容,今天TJ君就来和大家一起来分享一个开源的适用微信的Markdown编辑器
  项目呢基于wechat-format进行二次开发,主要特点在于可以将Markdown文档自动渲染为微信图文,减少用户在微信文章排版方面的花费精力。
  只好你写好内容,就能看到你的文章样式简洁而又美观大方。
  目前项目已经实现的功能特性有:
  可以支持GitHub、阿里云、腾讯云、七牛云、MinIO等多个网站的图床,不过不同网站需要配置的参数不尽相同罢了。
  
  当然,小伙伴也可以使用自定义上传图床,在工具上没有提供预定义图床的情况下,你只需要自定义上传逻辑即可,一般来说有些公共图床不方便用的时候,就非常适合自己来啦。
  使用自定义上传也不麻烦,只需要在给定的函数中更改上传代码即可
  例如:
  const { file, util, okCb, errCb } = CUSTOM_ARG;<br />const param = new FormData();<br />param.append("file", file);<br />util.axios<br />  .post("http://127.0.0.1:9000/upload", param, {<br />    headers: { "Content-Type": "multipart/form-data" },<br />  })<br />  .then((res) => {<br />    okCb(res.url);<br />  })<br />  .catch((err) => {<br />    errCb(err);<br />  });<br /><br />// 提供的可用参数:<br />// CUSTOM_ARG = {<br />//   content, // 待上传图片的 base64<br />//   file, // 待上传图片的 file 对象<br />//   util: {<br />//     axios, // axios 实例<br />//     CryptoJS, // 加密库<br />//     OSS, // ali-oss<br />//     COS, // cos-js-sdk-v5<br />//     Buffer, // buffer-from<br />//     uuidv4, // uuid<br />//     qiniu, // qiniu-js<br />//     tokenTools, // 一些编码转换函数<br />//     getDir, // 获取 年/月/日 形式的目录<br />//     getDateFilename, // 根据文件名获取它以 时间戳+uuid 的形式<br />//   },<br />//   okCb: resolve, // 重要!上传成功后给此回调传 url 即可<br />//   errCb: reject, // 上传失败调用的函数<br />// }<br /><br />
  项目的开发部署及搭建也是比较方便的:
  开发部署:
  # 安装依赖<br />npm i<br /><br /># 启动开发模式<br />npm start<br /><br /># 部署在 /md 目录<br />npm run build<br /># 访问 http://127.0.0.1:9000/md<br /><br /># 部署在根目录<br />npm run build:h5-netlify<br /># 访问 http://127.0.0.1:9000/<br /><br />
  搭建:
  # 安装<br />npm i -g @doocs/md-cli<br /><br /># 启动<br />md-cli<br /><br /># 访问<br />open http://127.0.0.1:8800/md/<br /><br /># 启动并指定端口<br />md-cli port=8899<br /><br /># 访问<br />open http://127.0.0.1:8899/md/<br />
  md-cli 支持以下命令行参数:
  当然想试一下的小伙伴也可以试试在线地址:
  
  项目地址及在线地址都在这里哦:

硬核技能!1天上手着陆页设计

网站优化优采云 发表了文章 • 0 个评论 • 65 次浏览 • 2022-05-02 13:59 • 来自相关话题

  硬核技能!1天上手着陆页设计
  分类页
  文章类
  P型 persuative说服性:landing page
  获取页
  销售页
  着陆页(landing page)与首页(index)的区别是什么?
  1、概念上:
  着陆页(landing page):着陆页,用户点击搜索推广、信息流或其他形式的广告打开的第一个页面。着陆页可以是网站上的一个页面,也可以是公众平台里的一篇文章。
  首页(index):一般为网站打开默认的页面,通常放在根目录,index的英文含义是索引。通常认为网站首页是全站内容的索引和导航,便于用户快速了解网站内容和主题,并进入相关页面。
  2、应用上
  首页:一般情况下网站都会有一个索引页(index)作为首页。
  着陆页:严格的说跟网站没有关系。
  着陆页概念的存在依赖于一次广告活动行为,假设你做了一个网页,为某次广告投放做准备,这个网页就是着陆页,没有广告活动,这个网页就是一个网页。不存在“着陆”的概念。
  着陆页的经典结构
  目前市面上的着陆页都包含了8大组件(价值定位、行动呼唤、产品特征、信用背书、用户评价、风险承诺、常见问题、终极呼唤。
  
  接下来我们开始一步一步制作着陆页了,以工具【上线了#/】为例。
  1.百度搜网站名称“上线了”进入网站——2.点击创建网站——3.选择你需要的模板——4.开始创作
  
  
  一、价值定位——标题和副标题
  价值定位就是标题,标题要在显著位置包含价值定位+行动呼唤
  标题的功能:吸引+引导用户。
  一个好的标题是使副标题行到阅读。
  一个好的副标题是使第一个句子获得阅读,如此,遍及整封信的内容,直到采取行动。
  标题写作的法则
  DM公式:时间+结果+保证
  比如减肥广告,15天立减10斤,无效全额退款。
  落差公式:痛点问题+解决方式
  比如,你负责运营的是关于一个无人机的产品:是不是总觉得操作起来比较困难?那这台无人机只需一键操控,让起飞更简单!
  人性法则:人性的八个弱点
  比如:
  好奇:当世界名画变成了GIF图,画面太美我不敢看
  恐惧:史上最严地产调控,一场残酷的全球金融大战
  痛苦:为什么你看了那么多书,依然过不好一生?
  骄傲:不用香水的女人没有前途
  懒惰:到底有什么用?5分钟快速了解引力波
  愤怒:是时候给“港独”分子一次彻底的教训了
  贪婪:4.9元如何淘到智利进口车厘子
  色欲:这11种让人爽的方式,90%的人都没试过。
  二、行动呼唤——可以是获取用户信息的表单/微信链接
  
  
  表单可以去【麦克表单】制作,这个是我写的简单的一个
  
  着陆页的行动呼唤旨在告诉用户他们应该做什么、怎么做、什么时候做。
  如何构建行动呼唤
  一、四个方向:点击/获取/推荐/购买
  二、创建CTA
  1.巨大:离屏幕距离为一指+一个手臂的距离还能清晰看到;
  2.具体:内容需要足够具体(比如,写注册和下载是需要写清楚下载什么,注册成为什么)
  三、产品特征
  产品特征这一part就是你的产品是什么,能给用户带来什么样的好处,在这一部分多采用AB型文案的方式。
  A+B(吸引注意的事实+用户感知的利益)
  例如:多才多能,让你不想放手;又轻又薄,让你不觉在手;充电两分钟,通话2小时。
  
  四、信用背书
  媒体+红人
  媒体:媒体报道的title,图标,报道链接等(不要单纯放链接,要把媒体的图标放上,再把链接嵌入)
  红人:放上红人/牛人头像 、网站链接、说过的话等
  
  五、用户评价
  如果你是做在线教育的就是学员评价,做设计的就是合作企业的评价,总之是你的客户
  用户评价写法
  1.正向评价:尽量收集多样角色的评价
  2.反向评价:反转的运用,先抑后扬
  
  六、风险承诺
  风险承诺想传达给用户售后无忧的信息(风险在我,而不在你),让客户安心购买,假一赔十,7天无理由退款,不满意无条件全额退款这些都是常见套路。
  
  七、常见问题
  常见问题的设置是有技巧的,这里小编把最实用的3个技巧和你分享:(1)按频排序:把用户问的频率最多的问题放在第一个,以此类推 (2)三点原则:尽量把最重要的三个问题放在你的着陆页上 (3)链接跳转:可以把用户容易问的更多问题做一个跳转链接引导到单独的常见问题页面
  
  八、终级呼唤
  终极呼唤承担转换的功能,所以终极呼唤要比前面的行动呼唤(CTA)更直接、更赤裸、更直白。
  
  设置基本资料
  这一块根据提示,给网站拟定标题,选择公司类别,网站的基本描述,搜索关键词,以及图标等。
  
  着陆页原型图的类别
  创建过程中可能会漏掉什么元素,这就需要我们打个草稿,可以通过线条、图形等设计元素组合描绘出的产品框架图。工具如下:
  对于着陆页(落地页)的设计来说,因为它不像一整套APP的设计那么复杂。因
  此,如果你需要制作着陆页的原型图,最快速、最推荐的办法就是:手绘。
  无论是一个网页着陆页,还是一个海报着陆页,你可以拿出一张A4张+铅笔,
  过最直接的方式构思整体的页面布局和文案。
  
  其他如墨刀等工具可以自行在网上或者他们公众号获取使用教程。
  添加GA监测代码
  如果你想要把百度统计等自定义代码的添加至上线了网站,请确保你已购买付费版本(目前试用版也不支持添加自定义代码),但是如果你使用免费版本,你可以使用 Google Analytics 来监测你的上线了网站
  如何在上线了网站中添加Google Analytics统计代码?
  上线了的网站都提供专业的数据分析及展示。如果你的访客主要来自海外,并且需要了解更多更详细的网站访问数据分析,我们推荐使用 Google Analytics 谷歌分析工具。
  请注意:由于国内政策的原因,从国内访问添加了Google Analytics的网站,如果访客的电脑或者手机没有设置VPN,其访问数据可能会被屏蔽掉,导致Google Analytics无法追踪,出现数据不精确的现象。
  这是 Google 提供的一款免费且强大的数据分析工具,让网站管理员了解到网站的每次访问以及每次的点击,包括新旧访客的对比,流量的来源,访问的时间分析等,十分的详细。
  使用方法:
  创建一个 Google 统计的账户。
  登录“管理”-“媒体资源”-“跟踪信息”-“跟踪代码”。
  复制“跟踪 ID”下面的代码(例如“UA-XXXXXXX-X”)。
  
  登录上线了网站编辑器,进入【设置】-【显示高级选项】-【服务与验证】,把Google Analytics的跟踪ID粘贴进“Google Analytics追踪器”里面,更新并重新上线网站,即可生效!
  
  如何在上线了网站中添加百度统计代码?
  上线了的网站都提供专业的数据分析及展示。如果你的访客主要来自国内,并且你希望了解更多更详细的网站访问数据,我们推荐使用百度统计站长版来获取网站的数据分析。
  百度统计是百度推出的一款稳定、免费、专业、安全的数据统计、分析工具。能够为web系统管理者提供权威、准确、实时的流量质量和访客行为分析,助力日常指标监控,为系统优化、提升投资回报率等目标提供指导。
  具体步骤:
  首先来到百度统计网站,点击【注册】,然后选择百度统计站长版。
  
  来到以下页面,输入账户信息和网站信息,进行注册。
  
  完成注册后,就会跳转到网站的统计代码处,如下图,然后复制代码。或者你可以根据百度文档【如何获取百度统计代码】一文来获取这个统计代码。
  
  复制代码后,来到网站编辑器,点击【设置】→【选择高级选项】→【自定义代码】→【页眉/页脚代码】,将代码放置到【页眉代码】处。
  
  检测代码是否安装正确。
  如果要检测代码是否安装正确,请在网站编辑器里先点击【上线】,这样百度统计才能检测到这段代码。然后来到百度统计的页面,点击【管理】→【代码管理】→【代码安装检查】,点击【代码安装检查】。
  
  点击【代码安装检查】之后,百度统计就会开始检测。如果安装正确,就会看到提示【页面代码安装状态:代码安装正确】。如果提示安装不正确或者没有检测到,请按照步骤3和4检查你的操作,然后重复第5步。
  
  根据百度的安装说明,代码安装后20分钟才能查看到网站数据。请耐心等候一段时间,然后再点击【报告】查看网站的数据分析。
  
  更多内容,可点击查看 上线了最新官方文档。
  到这里我们的着陆页就顺利搭建完了,你get到了吗?
  特别提醒
  着陆页的8个经典结构可以根据公司或者产品特点调整,不是全都需要包含可以包含几个。
  着陆页不是单指网页,朋友圈、微信群的海报、引导报名的文章啊,这些都是着陆页的主要形式。
  好了,小伙伴们,如果感觉对你有用,就点赞收藏吧。做是最好的学,萌新小白也可以上手制作着陆页哦!!
   查看全部

  硬核技能!1天上手着陆页设计
  分类页
  文章类
  P型 persuative说服性:landing page
  获取页
  销售页
  着陆页(landing page)与首页(index)的区别是什么?
  1、概念上:
  着陆页(landing page):着陆页,用户点击搜索推广、信息流或其他形式的广告打开的第一个页面。着陆页可以是网站上的一个页面,也可以是公众平台里的一篇文章。
  首页(index):一般为网站打开默认的页面,通常放在根目录,index的英文含义是索引。通常认为网站首页是全站内容的索引和导航,便于用户快速了解网站内容和主题,并进入相关页面。
  2、应用上
  首页:一般情况下网站都会有一个索引页(index)作为首页。
  着陆页:严格的说跟网站没有关系。
  着陆页概念的存在依赖于一次广告活动行为,假设你做了一个网页,为某次广告投放做准备,这个网页就是着陆页,没有广告活动,这个网页就是一个网页。不存在“着陆”的概念。
  着陆页的经典结构
  目前市面上的着陆页都包含了8大组件(价值定位、行动呼唤、产品特征、信用背书、用户评价、风险承诺、常见问题、终极呼唤。
  
  接下来我们开始一步一步制作着陆页了,以工具【上线了#/】为例。
  1.百度搜网站名称“上线了”进入网站——2.点击创建网站——3.选择你需要的模板——4.开始创作
  
  
  一、价值定位——标题和副标题
  价值定位就是标题,标题要在显著位置包含价值定位+行动呼唤
  标题的功能:吸引+引导用户。
  一个好的标题是使副标题行到阅读。
  一个好的副标题是使第一个句子获得阅读,如此,遍及整封信的内容,直到采取行动。
  标题写作的法则
  DM公式:时间+结果+保证
  比如减肥广告,15天立减10斤,无效全额退款。
  落差公式:痛点问题+解决方式
  比如,你负责运营的是关于一个无人机的产品:是不是总觉得操作起来比较困难?那这台无人机只需一键操控,让起飞更简单!
  人性法则:人性的八个弱点
  比如:
  好奇:当世界名画变成了GIF图,画面太美我不敢看
  恐惧:史上最严地产调控,一场残酷的全球金融大战
  痛苦:为什么你看了那么多书,依然过不好一生?
  骄傲:不用香水的女人没有前途
  懒惰:到底有什么用?5分钟快速了解引力波
  愤怒:是时候给“港独”分子一次彻底的教训了
  贪婪:4.9元如何淘到智利进口车厘子
  色欲:这11种让人爽的方式,90%的人都没试过。
  二、行动呼唤——可以是获取用户信息的表单/微信链接
  
  
  表单可以去【麦克表单】制作,这个是我写的简单的一个
  
  着陆页的行动呼唤旨在告诉用户他们应该做什么、怎么做、什么时候做。
  如何构建行动呼唤
  一、四个方向:点击/获取/推荐/购买
  二、创建CTA
  1.巨大:离屏幕距离为一指+一个手臂的距离还能清晰看到;
  2.具体:内容需要足够具体(比如,写注册和下载是需要写清楚下载什么,注册成为什么)
  三、产品特征
  产品特征这一part就是你的产品是什么,能给用户带来什么样的好处,在这一部分多采用AB型文案的方式。
  A+B(吸引注意的事实+用户感知的利益)
  例如:多才多能,让你不想放手;又轻又薄,让你不觉在手;充电两分钟,通话2小时。
  
  四、信用背书
  媒体+红人
  媒体:媒体报道的title,图标,报道链接等(不要单纯放链接,要把媒体的图标放上,再把链接嵌入)
  红人:放上红人/牛人头像 、网站链接、说过的话等
  
  五、用户评价
  如果你是做在线教育的就是学员评价,做设计的就是合作企业的评价,总之是你的客户
  用户评价写法
  1.正向评价:尽量收集多样角色的评价
  2.反向评价:反转的运用,先抑后扬
  
  六、风险承诺
  风险承诺想传达给用户售后无忧的信息(风险在我,而不在你),让客户安心购买,假一赔十,7天无理由退款,不满意无条件全额退款这些都是常见套路。
  
  七、常见问题
  常见问题的设置是有技巧的,这里小编把最实用的3个技巧和你分享:(1)按频排序:把用户问的频率最多的问题放在第一个,以此类推 (2)三点原则:尽量把最重要的三个问题放在你的着陆页上 (3)链接跳转:可以把用户容易问的更多问题做一个跳转链接引导到单独的常见问题页面
  
  八、终级呼唤
  终极呼唤承担转换的功能,所以终极呼唤要比前面的行动呼唤(CTA)更直接、更赤裸、更直白。
  
  设置基本资料
  这一块根据提示,给网站拟定标题,选择公司类别,网站的基本描述,搜索关键词,以及图标等。
  
  着陆页原型图的类别
  创建过程中可能会漏掉什么元素,这就需要我们打个草稿,可以通过线条、图形等设计元素组合描绘出的产品框架图。工具如下:
  对于着陆页(落地页)的设计来说,因为它不像一整套APP的设计那么复杂。因
  此,如果你需要制作着陆页的原型图,最快速、最推荐的办法就是:手绘。
  无论是一个网页着陆页,还是一个海报着陆页,你可以拿出一张A4张+铅笔,
  过最直接的方式构思整体的页面布局和文案。
  
  其他如墨刀等工具可以自行在网上或者他们公众号获取使用教程。
  添加GA监测代码
  如果你想要把百度统计等自定义代码的添加至上线了网站,请确保你已购买付费版本(目前试用版也不支持添加自定义代码),但是如果你使用免费版本,你可以使用 Google Analytics 来监测你的上线了网站
  如何在上线了网站中添加Google Analytics统计代码?
  上线了的网站都提供专业的数据分析及展示。如果你的访客主要来自海外,并且需要了解更多更详细的网站访问数据分析,我们推荐使用 Google Analytics 谷歌分析工具。
  请注意:由于国内政策的原因,从国内访问添加了Google Analytics的网站,如果访客的电脑或者手机没有设置VPN,其访问数据可能会被屏蔽掉,导致Google Analytics无法追踪,出现数据不精确的现象。
  这是 Google 提供的一款免费且强大的数据分析工具,让网站管理员了解到网站的每次访问以及每次的点击,包括新旧访客的对比,流量的来源,访问的时间分析等,十分的详细。
  使用方法:
  创建一个 Google 统计的账户。
  登录“管理”-“媒体资源”-“跟踪信息”-“跟踪代码”。
  复制“跟踪 ID”下面的代码(例如“UA-XXXXXXX-X”)。
  
  登录上线了网站编辑器,进入【设置】-【显示高级选项】-【服务与验证】,把Google Analytics的跟踪ID粘贴进“Google Analytics追踪器”里面,更新并重新上线网站,即可生效!
  
  如何在上线了网站中添加百度统计代码?
  上线了的网站都提供专业的数据分析及展示。如果你的访客主要来自国内,并且你希望了解更多更详细的网站访问数据,我们推荐使用百度统计站长版来获取网站的数据分析。
  百度统计是百度推出的一款稳定、免费、专业、安全的数据统计、分析工具。能够为web系统管理者提供权威、准确、实时的流量质量和访客行为分析,助力日常指标监控,为系统优化、提升投资回报率等目标提供指导。
  具体步骤:
  首先来到百度统计网站,点击【注册】,然后选择百度统计站长版。
  
  来到以下页面,输入账户信息和网站信息,进行注册。
  
  完成注册后,就会跳转到网站的统计代码处,如下图,然后复制代码。或者你可以根据百度文档【如何获取百度统计代码】一文来获取这个统计代码。
  
  复制代码后,来到网站编辑器,点击【设置】→【选择高级选项】→【自定义代码】→【页眉/页脚代码】,将代码放置到【页眉代码】处。
  
  检测代码是否安装正确。
  如果要检测代码是否安装正确,请在网站编辑器里先点击【上线】,这样百度统计才能检测到这段代码。然后来到百度统计的页面,点击【管理】→【代码管理】→【代码安装检查】,点击【代码安装检查】。
  
  点击【代码安装检查】之后,百度统计就会开始检测。如果安装正确,就会看到提示【页面代码安装状态:代码安装正确】。如果提示安装不正确或者没有检测到,请按照步骤3和4检查你的操作,然后重复第5步。
  
  根据百度的安装说明,代码安装后20分钟才能查看到网站数据。请耐心等候一段时间,然后再点击【报告】查看网站的数据分析。
  
  更多内容,可点击查看 上线了最新官方文档。
  到这里我们的着陆页就顺利搭建完了,你get到了吗?
  特别提醒
  着陆页的8个经典结构可以根据公司或者产品特点调整,不是全都需要包含可以包含几个。
  着陆页不是单指网页,朋友圈、微信群的海报、引导报名的文章啊,这些都是着陆页的主要形式。
  好了,小伙伴们,如果感觉对你有用,就点赞收藏吧。做是最好的学,萌新小白也可以上手制作着陆页哦!!
  

网站内容编辑器(2018年最好用的五个网页编辑器软件哪个好?PHP中文网)

网站优化优采云 发表了文章 • 0 个评论 • 100 次浏览 • 2022-04-20 18:04 • 来自相关话题

  网站内容编辑器(2018年最好用的五个网页编辑器软件哪个好?PHP中文网)
  对于网站编辑器来说,网页编辑器是经常使用的软件。目前,网页编辑器的种类很多。对于初学者,什么是网页编辑器?事实上,选择一款合适的网页编辑软件会提高我们的效率。所以,今天PHP中文网为大家推荐五款好用的网页编辑软件。
  下载地址:
  Atom 代码编辑器支持 Windows、Mac 和 Linux 桌面平台,完全免费,并且在 GitHub 上有开源代码。第一个PHP社区特地采集了这款优秀的编辑器Atom供下载!经过长时间的迭代开发和不断完善,Atom终于从早期的beta版到了1.0正式版!与之前的版本相比,在性能和稳定性上都有显着提升。
  开发团队称Atom为“21世纪的可配置编辑器”,它的界面非常精致,配置项丰富,加上它提供了Package Control(包管理)功能,人们可以安装和管理各种插件非常容易,让 Atom 成为真正适合他们的开发工具。
  以上是PHP第一社区为大家带来的2018年最好的五款网页编辑软件推荐。可以根据自己的需要在PHP第一社区下载网页编辑器,也可以到PHP第一社区下载。 PHP社区php开发工具专栏:下载其他软件。
  推荐的相关工具:
  1、什么是 HTML 编辑器?推荐的 4 款最佳 HTML 编辑器
  2、哪个是最好的ftp软件? 2018 年推荐的 4 款最佳 FTP 工具
  以上是制作网页需要什么软件?五款好用的网页编辑软件推荐的详细内容,请多关注第一PHP社区其他相关文章! 查看全部

  网站内容编辑器(2018年最好用的五个网页编辑器软件哪个好?PHP中文网)
  对于网站编辑器来说,网页编辑器是经常使用的软件。目前,网页编辑器的种类很多。对于初学者,什么是网页编辑器?事实上,选择一款合适的网页编辑软件会提高我们的效率。所以,今天PHP中文网为大家推荐五款好用的网页编辑软件。
  下载地址:
  Atom 代码编辑器支持 Windows、Mac 和 Linux 桌面平台,完全免费,并且在 GitHub 上有开源代码。第一个PHP社区特地采集了这款优秀的编辑器Atom供下载!经过长时间的迭代开发和不断完善,Atom终于从早期的beta版到了1.0正式版!与之前的版本相比,在性能和稳定性上都有显着提升。
  开发团队称Atom为“21世纪的可配置编辑器”,它的界面非常精致,配置项丰富,加上它提供了Package Control(包管理)功能,人们可以安装和管理各种插件非常容易,让 Atom 成为真正适合他们的开发工具。
  以上是PHP第一社区为大家带来的2018年最好的五款网页编辑软件推荐。可以根据自己的需要在PHP第一社区下载网页编辑器,也可以到PHP第一社区下载。 PHP社区php开发工具专栏:下载其他软件。
  推荐的相关工具:
  1、什么是 HTML 编辑器?推荐的 4 款最佳 HTML 编辑器
  2、哪个是最好的ftp软件? 2018 年推荐的 4 款最佳 FTP 工具
  以上是制作网页需要什么软件?五款好用的网页编辑软件推荐的详细内容,请多关注第一PHP社区其他相关文章!

网站内容编辑器(所见即所得17Kb和26Kb总额只有9Kb18Kb)

网站优化优采云 发表了文章 • 0 个评论 • 87 次浏览 • 2022-04-20 11:04 • 来自相关话题

  网站内容编辑器(所见即所得17Kb和26Kb总额只有9Kb18Kb)
  10 个很棒的 Web 文本编辑器 10 个很棒的免费富文本编辑器,它们将增强您的 网站 的功能。我采集了 5 个 jQuery 和 5 个非 jQuery 实时评估,它们具有简单的功能,具有类似办公室的功能。在线编辑内容时,那些基于 JavaScript 的编辑器对我们帮助很大。这些所见即所得的编辑器为我们提供了类似 Office® 的操作体验。今天,任何 网站 内容管理系统 (cms) 和博客系统都需要这些编辑器之一。本文介绍了 5 个基于 JavaScript? 的编辑器,5 个基于 jQuery 框架的编辑器。MarkitUp – jQuery 官网|Demo markItUp! 它不是一个“功能齐全、杂乱无章”的编辑器。相反,它是一个非常轻量级、可定制且灵活的文本编辑器,可以满足开发需求,在其 cmses、博客、论坛或 &lt; @网站。标记!不是所见即所得的编辑器,它是一个简单而有用的文本编辑器。通过键盘快捷键快速移植和使用支持 Ajax 的动态预览兼容的浏览器:IE7、Safari 3.1、Firefox 2、Firefox 3.IE6 和 Opera 9+原样。许可证:MIT/ GPL 文件:便携,节省资源,只有 6.5Kb.jWYSIWYG – jQuery 官网|Demo jWYSIWYG,这个插件是一个内置的内容编辑器,可以编辑 HTML 内容。
  这是 WYMediator 的替代品,具有方便实用的功能。文件大小小于 17Kb 和 26Kb 总共只有 9Kb 18Kb 代​​码和 7Kb 可移植。GNU General Public License v2小巧轻便,支持Ajax动态预览,兼容主流浏览器轻量级RTE-jQuery官网|Demo这个富文本编辑器尽可能简单轻松地改变我们的基本编辑需求。超轻量级,仅7kb兼容主流浏览器。简单而优雅。GNU 通用公共许可证 HTMLBox– jQuery 官网|演示 HTMLBox,一个跨浏览器、基于 HTML/XHTML 文本的开源 jQuery 库。在 Mozilla Firefox、Inrernet 浏览器、Netscape 和 Safari 浏览器上测试。一体式 HtmlBox 很容易集成到 cms、论坛、留言板、博客中。轻松集成兼容主流浏览器。大小仅为 15kb(最小 11kb)支持 XHTML 输出。支持 Ajax 的动态预览有一个完整的用户手册,它将指导您完成将 HtmlBox 集成到您的应用程序并对其进行自定义的每一步。D 小型富文本编辑器 - jQuery 官网|Demo 一个富文本编辑器,应用了 IFRAME 元素,功能非常全,可以满足我们复杂的文本编辑。
  大小(~18k)!(Portable/Minified JS, Plugins &amp; CSS组合有12k w/o GZIP, HTML可以减少到~3k使用GZIP, 图片(w/o emoticons)小于3k) 兼容主流浏览器 支持所有基本功能 支持插件功能图片上传,通过 AJAX 实现(使用 AjaxFileUpload 插件)。可以调整文本区域。支持 XHTML 1.0 验证和过滤(注意:这是指编辑器的标记,而不是它生成的可能有效也可能无效的内容!)。具有 HTML 修正功能 WYMEditor – jQuery 官网|演示 WYMeditor 是一个基于 Web 的 WYSIWYM(所见即所得)XHTML 编辑器。WYMeditor 的主要概念是留下文档视觉布局的细节,专注于其结构和含义,同时努力为用户提供舒适的文本编辑器 XHTML strict+CSS 兼容,没有字体或文本格式、大小或颜色——它们基于您的 css 样式,无需安装即可轻松集成到您的应用程序中。100% Javascript代码编写-无插件,无延迟支持图片、链接、表格支持CSS有API,支持插件免费开放源码兼容主流浏览器TinyMCE-非jQuery官网| Demo TinyMCE 是一个独立的平台,基于Web Javascript 的HTML WYSIWYG 编辑器,并且是开源的。
  强大的 HTML 文本或其他元素转换功能来编辑实例。易于集成 - 只需几行代码即可自定义 - 主题和插件,阻止无效的功能和属性。兼容主流浏览器——Mozilla、MSIE、FireFox、Opera、Safari 和 Chrome。轻量级 - PHP/.NET/JSP/Coldfusion GZip 压缩器,使 TinyMCE 体积缩小 75%,加载速度更快。与 AJAX 兼容 - 您可以轻松地使用 AJAX 来保存和加载内容!国际化支持 – 使用语言包的多语言支持。开源——在 LGPL 许可下免费,每天有数百万用户帮助测试和改进这个编辑器。fckeditor - 非jQuery 官网|Demo 这个HTML 文本编辑器具有与MS Word 相同的功能。它重量轻,不需要安装。兼容主流浏览器。支持 XHTML 1.0。您可以自定义自己的 CSS 字体格式:类型、大小、颜色、样式、粗体、斜体等。文本格式:对齐、缩进、项目符号列表等支持剪切、粘贴和粘贴为纯文本,从 Word 中撤消和重做粘贴自动检测清理支持插入图片、上传、预览右键下拉菜单支持插件智能拼写检查轻量快速自动检测和个性化浏览器雅虎YUI富文本编辑器-非jQuery官网|Demo The Rich文本编辑器由 Yahoo YUI 开发,可以替换标准的 HTML 文本;支持文本字体选择、粗体、斜体、有序列表、无序列表、链接、拖放图片、工具栏 可通过插件扩展,实现高度个性化。Xinha – 非 jQuery 官方网站|Demo Xinha(读作 Xena, the Warrior Princess)是一个强大的所见即所得 HTML 编辑器组件,支持所有当前的浏览器。它的可配置性和可扩展性使生成具有无限源 URL 的合适内容变得容易: 查看全部

  网站内容编辑器(所见即所得17Kb和26Kb总额只有9Kb18Kb)
  10 个很棒的 Web 文本编辑器 10 个很棒的免费富文本编辑器,它们将增强您的 网站 的功能。我采集了 5 个 jQuery 和 5 个非 jQuery 实时评估,它们具有简单的功能,具有类似办公室的功能。在线编辑内容时,那些基于 JavaScript 的编辑器对我们帮助很大。这些所见即所得的编辑器为我们提供了类似 Office® 的操作体验。今天,任何 网站 内容管理系统 (cms) 和博客系统都需要这些编辑器之一。本文介绍了 5 个基于 JavaScript? 的编辑器,5 个基于 jQuery 框架的编辑器。MarkitUp – jQuery 官网|Demo markItUp! 它不是一个“功能齐全、杂乱无章”的编辑器。相反,它是一个非常轻量级、可定制且灵活的文本编辑器,可以满足开发需求,在其 cmses、博客、论坛或 &lt; @网站。标记!不是所见即所得的编辑器,它是一个简单而有用的文本编辑器。通过键盘快捷键快速移植和使用支持 Ajax 的动态预览兼容的浏览器:IE7、Safari 3.1、Firefox 2、Firefox 3.IE6 和 Opera 9+原样。许可证:MIT/ GPL 文件:便携,节省资源,只有 6.5Kb.jWYSIWYG – jQuery 官网|Demo jWYSIWYG,这个插件是一个内置的内容编辑器,可以编辑 HTML 内容。
  这是 WYMediator 的替代品,具有方便实用的功能。文件大小小于 17Kb 和 26Kb 总共只有 9Kb 18Kb 代​​码和 7Kb 可移植。GNU General Public License v2小巧轻便,支持Ajax动态预览,兼容主流浏览器轻量级RTE-jQuery官网|Demo这个富文本编辑器尽可能简单轻松地改变我们的基本编辑需求。超轻量级,仅7kb兼容主流浏览器。简单而优雅。GNU 通用公共许可证 HTMLBox– jQuery 官网|演示 HTMLBox,一个跨浏览器、基于 HTML/XHTML 文本的开源 jQuery 库。在 Mozilla Firefox、Inrernet 浏览器、Netscape 和 Safari 浏览器上测试。一体式 HtmlBox 很容易集成到 cms、论坛、留言板、博客中。轻松集成兼容主流浏览器。大小仅为 15kb(最小 11kb)支持 XHTML 输出。支持 Ajax 的动态预览有一个完整的用户手册,它将指导您完成将 HtmlBox 集成到您的应用程序并对其进行自定义的每一步。D 小型富文本编辑器 - jQuery 官网|Demo 一个富文本编辑器,应用了 IFRAME 元素,功能非常全,可以满足我们复杂的文本编辑。
  大小(~18k)!(Portable/Minified JS, Plugins &amp; CSS组合有12k w/o GZIP, HTML可以减少到~3k使用GZIP, 图片(w/o emoticons)小于3k) 兼容主流浏览器 支持所有基本功能 支持插件功能图片上传,通过 AJAX 实现(使用 AjaxFileUpload 插件)。可以调整文本区域。支持 XHTML 1.0 验证和过滤(注意:这是指编辑器的标记,而不是它生成的可能有效也可能无效的内容!)。具有 HTML 修正功能 WYMEditor – jQuery 官网|演示 WYMeditor 是一个基于 Web 的 WYSIWYM(所见即所得)XHTML 编辑器。WYMeditor 的主要概念是留下文档视觉布局的细节,专注于其结构和含义,同时努力为用户提供舒适的文本编辑器 XHTML strict+CSS 兼容,没有字体或文本格式、大小或颜色——它们基于您的 css 样式,无需安装即可轻松集成到您的应用程序中。100% Javascript代码编写-无插件,无延迟支持图片、链接、表格支持CSS有API,支持插件免费开放源码兼容主流浏览器TinyMCE-非jQuery官网| Demo TinyMCE 是一个独立的平台,基于Web Javascript 的HTML WYSIWYG 编辑器,并且是开源的。
  强大的 HTML 文本或其他元素转换功能来编辑实例。易于集成 - 只需几行代码即可自定义 - 主题和插件,阻止无效的功能和属性。兼容主流浏览器——Mozilla、MSIE、FireFox、Opera、Safari 和 Chrome。轻量级 - PHP/.NET/JSP/Coldfusion GZip 压缩器,使 TinyMCE 体积缩小 75%,加载速度更快。与 AJAX 兼容 - 您可以轻松地使用 AJAX 来保存和加载内容!国际化支持 – 使用语言包的多语言支持。开源——在 LGPL 许可下免费,每天有数百万用户帮助测试和改进这个编辑器。fckeditor - 非jQuery 官网|Demo 这个HTML 文本编辑器具有与MS Word 相同的功能。它重量轻,不需要安装。兼容主流浏览器。支持 XHTML 1.0。您可以自定义自己的 CSS 字体格式:类型、大小、颜色、样式、粗体、斜体等。文本格式:对齐、缩进、项目符号列表等支持剪切、粘贴和粘贴为纯文本,从 Word 中撤消和重做粘贴自动检测清理支持插入图片、上传、预览右键下拉菜单支持插件智能拼写检查轻量快速自动检测和个性化浏览器雅虎YUI富文本编辑器-非jQuery官网|Demo The Rich文本编辑器由 Yahoo YUI 开发,可以替换标准的 HTML 文本;支持文本字体选择、粗体、斜体、有序列表、无序列表、链接、拖放图片、工具栏 可通过插件扩展,实现高度个性化。Xinha – 非 jQuery 官方网站|Demo Xinha(读作 Xena, the Warrior Princess)是一个强大的所见即所得 HTML 编辑器组件,支持所有当前的浏览器。它的可配置性和可扩展性使生成具有无限源 URL 的合适内容变得容易:

网站内容编辑器(Hf0一点就转-国外网站大全atom.io:免费开源开发者工具)

网站优化优采云 发表了文章 • 0 个评论 • 53 次浏览 • 2022-04-20 07:08 • 来自相关话题

  网站内容编辑器(Hf0一点就转-国外网站大全atom.io:免费开源开发者工具)
  atom.io:免费开源的开发者编辑器工具,是 Github 团队开发的一套在线文本编辑器。它集成了许多插件,方便您高效地完成开发项目。它支持 Win7.Win8.OSX10.8.Linux。hf0 单点传输 - 国外网站百科
  
  hf0 单点传输 - 国外网站百科
  atom.io 集成插件:hf0 单点传输 - 国外网站百科
  1.嵌套在 Google Chrome 中的 FIREBUG 是内部调试的。无论您是调整 Atom 的 CSS 界面,还是添加主要的 HTML 和 JavaScript 功能,它都易于控制和使用。hf0 单点传输 - 国外网站百科
  2.Node.js 支持可以轻松访问文件系统、生成子进程,甚至直接从编辑器启动服务。开发者可以直接从 50000 多个 Node.js 包库中选择自己需要的库,也可以调用 C 或 C++ 库。无缝集成允许开发人员自由匹配 Node.js 和浏览器 API,或者操作文件系统并从单个 JavaScript 函数写入 DOM。hf0 单点传输 - 国外网站百科
  3.全面的模块化设计功能包括一个极简主义的核心和超过 50 个开源包。如果用户不喜欢某些包,他们可以自己更换。Atom 的目标是构建一个易于扩展的系统并模糊用户和开发人员之间的区别。hf0 单点传输 - 国外网站百科
  4.其他综合功能 Atom 预装在现代文本编辑器中,具有开发人员可能期望/需要的一些功能,例如: 文件系统浏览器。用于快速打开文件的模糊搜索器。在项目中快速搜索和替换。各种光标选项。多个窗格。代码段。代码折叠。干净和个性化的用户界面。导入 Textmate 语法和主题。最新版下载】hf0 一点转-国外网站大全
  目前Atom编辑器进行了全新改版,增加了更多新功能,完美支持中文,没有任何代码等问题。Atom 内部安装套件。设置主题功能,用户可以根据需要在套件库中找到合适的选项。然后将设置的主题数据库安装到您自己的 Atom 中以增强编辑功能。Atom 将预装 15 个常用套件,让编辑器无需下载额外功能即可立即上手。编辑代码。hf0 单点传输 - 国外网站百科
  此外,Atom 具有树状文件浏览功能,可以轻松打开或切换文件,当然也可以打开特定项目。同一窗口中的多个项目和快速切换文件。用户还可以将 Atom 媒体切换到多个面板来编辑或比较代码。hf0 单点传输 - 国外网站百科 查看全部

  网站内容编辑器(Hf0一点就转-国外网站大全atom.io:免费开源开发者工具)
  atom.io:免费开源的开发者编辑器工具,是 Github 团队开发的一套在线文本编辑器。它集成了许多插件,方便您高效地完成开发项目。它支持 Win7.Win8.OSX10.8.Linux。hf0 单点传输 - 国外网站百科
  
  hf0 单点传输 - 国外网站百科
  atom.io 集成插件:hf0 单点传输 - 国外网站百科
  1.嵌套在 Google Chrome 中的 FIREBUG 是内部调试的。无论您是调整 Atom 的 CSS 界面,还是添加主要的 HTML 和 JavaScript 功能,它都易于控制和使用。hf0 单点传输 - 国外网站百科
  2.Node.js 支持可以轻松访问文件系统、生成子进程,甚至直接从编辑器启动服务。开发者可以直接从 50000 多个 Node.js 包库中选择自己需要的库,也可以调用 C 或 C++ 库。无缝集成允许开发人员自由匹配 Node.js 和浏览器 API,或者操作文件系统并从单个 JavaScript 函数写入 DOM。hf0 单点传输 - 国外网站百科
  3.全面的模块化设计功能包括一个极简主义的核心和超过 50 个开源包。如果用户不喜欢某些包,他们可以自己更换。Atom 的目标是构建一个易于扩展的系统并模糊用户和开发人员之间的区别。hf0 单点传输 - 国外网站百科
  4.其他综合功能 Atom 预装在现代文本编辑器中,具有开发人员可能期望/需要的一些功能,例如: 文件系统浏览器。用于快速打开文件的模糊搜索器。在项目中快速搜索和替换。各种光标选项。多个窗格。代码段。代码折叠。干净和个性化的用户界面。导入 Textmate 语法和主题。最新版下载】hf0 一点转-国外网站大全
  目前Atom编辑器进行了全新改版,增加了更多新功能,完美支持中文,没有任何代码等问题。Atom 内部安装套件。设置主题功能,用户可以根据需要在套件库中找到合适的选项。然后将设置的主题数据库安装到您自己的 Atom 中以增强编辑功能。Atom 将预装 15 个常用套件,让编辑器无需下载额外功能即可立即上手。编辑代码。hf0 单点传输 - 国外网站百科
  此外,Atom 具有树状文件浏览功能,可以轻松打开或切换文件,当然也可以打开特定项目。同一窗口中的多个项目和快速切换文件。用户还可以将 Atom 媒体切换到多个面板来编辑或比较代码。hf0 单点传输 - 国外网站百科

网站内容编辑器(富文本编辑器,以及图片的上传与展示操作与操作)

网站优化优采云 发表了文章 • 0 个评论 • 58 次浏览 • 2022-04-20 07:05 • 来自相关话题

  网站内容编辑器(富文本编辑器,以及图片的上传与展示操作与操作)
  大家晚上好!
  今天给大家带来的是我们最常用的——富文本编辑器,以及图片上传和展示操作
  一、富文本编辑器
  什么是富文本编辑器及其作用:
  通俗点其实就是我们平时使用的输入法,它让我们不仅可以提交文字,还可以提交网页中的符号、表情等文本框。
  使用方法:
  1.去官方网站下载文件:百度搜索ckeditor进入官网
  2.点击文档[学习安装解压]
  3.将文件夹复制到项目中
  4.在需要使用的页面中引入ckeditor.js,如下:
  
  5.在原文本框位置下方写下这段代码:(文本框中的名称值必须与其替换值相同)
  <p>
内容


CKEDITOR.replace( &#39;ncontent&#39; );

</p>
  之后就可以发送各种内容了!
  二、使用Smartupload进行文件上传
  首先我们需要在文本框所在的表单头部写上:enctype="multipart/form-data"***(图片的二进制方式提交)
  写的时候要小心,输入错误无效
  如果需要上传多个文件,在文件选择器的位置添加代码:multiple="multiple"
   上传图片


  接下来点击提交,跳转到纯逻辑页面:
  我们需要
  1.实例化和初始化 SmarUpload
  2.上传图片到服务器内存的一些相关要求如何上传
  3.获取所有文件和文件总数
  4.定义进入循环的路径
  5.提交路径等提交内容到数据库
  这些步骤放在这段代码中:
<p> //实现文件上传
//--自动获取Web项目的根目录
//实例化
SmartUpload su=new SmartUpload();
//初始化 pageContext属于九大内置对象之一 作用域仅限于当前页面
su.initialize(pageContext);
//设置相关要求
su.setCharset("utf-8");
su.setAllowedFilesList("jpg,png,gif,jpeg");//允许文件上传类型列表
su.setDeniedFilesList("exe,jsp,bat");//禁止上传文件类型列表
su.setMaxFileSize(512*512);//文件大小

//上传到服务器内存
su.upload();


//实现多文件上传
//拿到所有的文件
Files fs=su.getFiles();
//拿到上传的总数目
int m=fs.getCount();
String path="";
//循环
for(int i=0;i 查看全部

  网站内容编辑器(富文本编辑器,以及图片的上传与展示操作与操作)
  大家晚上好!
  今天给大家带来的是我们最常用的——富文本编辑器,以及图片上传和展示操作
  一、富文本编辑器
  什么是富文本编辑器及其作用:
  通俗点其实就是我们平时使用的输入法,它让我们不仅可以提交文字,还可以提交网页中的符号、表情等文本框。
  使用方法:
  1.去官方网站下载文件:百度搜索ckeditor进入官网
  2.点击文档[学习安装解压]
  3.将文件夹复制到项目中
  4.在需要使用的页面中引入ckeditor.js,如下:
  
  5.在原文本框位置下方写下这段代码:(文本框中的名称值必须与其替换值相同)
  <p>
内容


CKEDITOR.replace( &#39;ncontent&#39; );

</p>
  之后就可以发送各种内容了!
  二、使用Smartupload进行文件上传
  首先我们需要在文本框所在的表单头部写上:enctype="multipart/form-data"***(图片的二进制方式提交)
  写的时候要小心,输入错误无效
  如果需要上传多个文件,在文件选择器的位置添加代码:multiple="multiple"
   上传图片


  接下来点击提交,跳转到纯逻辑页面:
  我们需要
  1.实例化和初始化 SmarUpload
  2.上传图片到服务器内存的一些相关要求如何上传
  3.获取所有文件和文件总数
  4.定义进入循环的路径
  5.提交路径等提交内容到数据库
  这些步骤放在这段代码中:
<p> //实现文件上传
//--自动获取Web项目的根目录
//实例化
SmartUpload su=new SmartUpload();
//初始化 pageContext属于九大内置对象之一 作用域仅限于当前页面
su.initialize(pageContext);
//设置相关要求
su.setCharset("utf-8");
su.setAllowedFilesList("jpg,png,gif,jpeg");//允许文件上传类型列表
su.setDeniedFilesList("exe,jsp,bat");//禁止上传文件类型列表
su.setMaxFileSize(512*512);//文件大小

//上传到服务器内存
su.upload();


//实现多文件上传
//拿到所有的文件
Files fs=su.getFiles();
//拿到上传的总数目
int m=fs.getCount();
String path="";
//循环
for(int i=0;i

网站内容编辑器(多级文件夹ampamp与笔记混合排列模式(组图)! )

网站优化优采云 发表了文章 • 0 个评论 • 100 次浏览 • 2022-04-18 21:11 • 来自相关话题

  网站内容编辑器(多级文件夹ampamp与笔记混合排列模式(组图)!
)
  Cabin 是一个出色的 网站 导航器。/收录国内外各类实用网站,内容涵盖国外创意、设计、美食、视频、图片、旅游、文化、音乐等多领域站点资源,提供简单便捷在线导航服务。而且对于喜欢的页面,还可以添加采集,导入Chrome书签,随时随地查看自己喜欢的页面。
  在此处提交您的 网站 以使您的 网站 更容易被用户发现。快来申请吧!!!
  一、一款完全免费的记事本软件——清笔记
  详情地址:/appstore/detail/4fhz
  一款完全免费的记事本软件,方便您随时随地记录各种形式的数据,支持各种格式的附件。
  Light Notes可以理解为:云端中一个没有空间限制的大型记事本,将你工作和生活的有用信息保存在里面。您可以随时随地录制在电脑或手机上,随时调出进行编辑和分享。
  轻笔记的理念:让各种信息的录入更容易,为客户提供更轻的体验。
  
  拍照、录音、记录数据、各种附件(word、excel、ppt、mp3、txt、pdf)、网页、小说、邮件、短信等电脑间即时传输,无需数据线了。
  独有的群组笔记功能,为您带来独特便捷的体验。
  清晰且用户友好的文件存储路径使您可以轻松组织数据。多级文件夹&amp;文件夹和笔记以混合排列的方式排列,笔记可以根据你的意愿进行排序和组织。
  标记您的笔记,以便更轻松地找到您要查找的内容。
  没有网络的手机和电脑也可以浏览和编辑数据,并支持离线阅读。拍照、录音、记录数据、各种附件(word、excel、ppt、mp3、txt、pdf)、网页、小说、邮件、短信等电脑间即时传输,无需数据线了。
  二、在线编辑markdown的工具-麻花
  详情地址:/appstore/detail/4exz
  麻花是一款在线编辑markdown的工具。
  
  三、在线 HTML 编辑器 - KindSoft
  详情地址:/appstore/detail/4egh
  KindEditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得的编辑效果,开发者可以使用KindEditor将传统的多行文本输入框(textarea)替换为可视化富文本输入框. KindEditor 是用 JavaScript 编写的,可以与 Java、.NET、PHP 和 ASP 等程序无缝集成。
  
  四、功能丰富的笔记软件-Yoda Notes YoDaNot
  详情地址:/appstore/detail/4ck5
  Yoda Notes 是一款功能丰富的笔记软件。不同于常见的同类笔记软件,Yoda Notes有很多我们独创的功能,比如支持多云盘同步、笔记本快照和卡片式浏览编辑等:
  
  五、极客云笔记-Leanote 蚂蚁笔记
  详情地址:/appstore/detail/49zd
  蚂蚁笔记,极客云笔记!前所未有的文档体验,近乎完美的平台覆盖,支持团队协作,企业级私有云
  蚂蚁笔记=笔记+博客+协作+私有云
  
  从各种博客主题中进行选择并轻松自定义自定义主题。
  覆盖所有主流语言的代码高亮,随心所欲用Leanote写代码,记住知识。
  让您安静地写作而不会中断
  全屏预览,开启用笔记说话或分享的时代
  通过实时同步预览,您只需使用键盘专注于编写文本内容即可生成打印级布局。
  现在不仅仅是 Word 和 Latex 可以编辑数学公式,它是为教育人群设计的。
  极客的最爱,让你的双手放在键盘上,轻松提升笔记效率。
  将零散的想法分层为树状信息,并通过一个 关键词 激发更多关键词。
  每次存档都在后台备份,方便查找,一键恢复。
  实时同步-云协作版
  丰富的团队权限管理
  完整的文档树结构
  支持Docker,私有云部署
  实时IM群聊讨论
  六、Cmd Markdown Editor Reader -
  详情地址:/appstore/detail/4adt
  Cmd Markdown编辑器阅读器,支持实时同步预览,区分写读模式,支持在线存储,分享文档URL。
  
  七、一个简单的个人 Wiki 框架 - Simiki
  详情地址:/appstore/detail/4aur
  Simiki 是一个简单的个人 wiki 框架。使用 Markdown 编写 wiki 并生成静态 HTML 页面。Wiki源文件按目录分类存放,便于管理和维护。
   查看全部

  网站内容编辑器(多级文件夹ampamp与笔记混合排列模式(组图)!
)
  Cabin 是一个出色的 网站 导航器。/收录国内外各类实用网站,内容涵盖国外创意、设计、美食、视频、图片、旅游、文化、音乐等多领域站点资源,提供简单便捷在线导航服务。而且对于喜欢的页面,还可以添加采集,导入Chrome书签,随时随地查看自己喜欢的页面。
  在此处提交您的 网站 以使您的 网站 更容易被用户发现。快来申请吧!!!
  一、一款完全免费的记事本软件——清笔记
  详情地址:/appstore/detail/4fhz
  一款完全免费的记事本软件,方便您随时随地记录各种形式的数据,支持各种格式的附件。
  Light Notes可以理解为:云端中一个没有空间限制的大型记事本,将你工作和生活的有用信息保存在里面。您可以随时随地录制在电脑或手机上,随时调出进行编辑和分享。
  轻笔记的理念:让各种信息的录入更容易,为客户提供更轻的体验。
  
  拍照、录音、记录数据、各种附件(word、excel、ppt、mp3、txt、pdf)、网页、小说、邮件、短信等电脑间即时传输,无需数据线了。
  独有的群组笔记功能,为您带来独特便捷的体验。
  清晰且用户友好的文件存储路径使您可以轻松组织数据。多级文件夹&amp;文件夹和笔记以混合排列的方式排列,笔记可以根据你的意愿进行排序和组织。
  标记您的笔记,以便更轻松地找到您要查找的内容。
  没有网络的手机和电脑也可以浏览和编辑数据,并支持离线阅读。拍照、录音、记录数据、各种附件(word、excel、ppt、mp3、txt、pdf)、网页、小说、邮件、短信等电脑间即时传输,无需数据线了。
  二、在线编辑markdown的工具-麻花
  详情地址:/appstore/detail/4exz
  麻花是一款在线编辑markdown的工具。
  
  三、在线 HTML 编辑器 - KindSoft
  详情地址:/appstore/detail/4egh
  KindEditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得的编辑效果,开发者可以使用KindEditor将传统的多行文本输入框(textarea)替换为可视化富文本输入框. KindEditor 是用 JavaScript 编写的,可以与 Java、.NET、PHP 和 ASP 等程序无缝集成。
  
  四、功能丰富的笔记软件-Yoda Notes YoDaNot
  详情地址:/appstore/detail/4ck5
  Yoda Notes 是一款功能丰富的笔记软件。不同于常见的同类笔记软件,Yoda Notes有很多我们独创的功能,比如支持多云盘同步、笔记本快照和卡片式浏览编辑等:
  
  五、极客云笔记-Leanote 蚂蚁笔记
  详情地址:/appstore/detail/49zd
  蚂蚁笔记,极客云笔记!前所未有的文档体验,近乎完美的平台覆盖,支持团队协作,企业级私有云
  蚂蚁笔记=笔记+博客+协作+私有云
  
  从各种博客主题中进行选择并轻松自定义自定义主题。
  覆盖所有主流语言的代码高亮,随心所欲用Leanote写代码,记住知识。
  让您安静地写作而不会中断
  全屏预览,开启用笔记说话或分享的时代
  通过实时同步预览,您只需使用键盘专注于编写文本内容即可生成打印级布局。
  现在不仅仅是 Word 和 Latex 可以编辑数学公式,它是为教育人群设计的。
  极客的最爱,让你的双手放在键盘上,轻松提升笔记效率。
  将零散的想法分层为树状信息,并通过一个 关键词 激发更多关键词。
  每次存档都在后台备份,方便查找,一键恢复。
  实时同步-云协作版
  丰富的团队权限管理
  完整的文档树结构
  支持Docker,私有云部署
  实时IM群聊讨论
  六、Cmd Markdown Editor Reader -
  详情地址:/appstore/detail/4adt
  Cmd Markdown编辑器阅读器,支持实时同步预览,区分写读模式,支持在线存储,分享文档URL。
  
  七、一个简单的个人 Wiki 框架 - Simiki
  详情地址:/appstore/detail/4aur
  Simiki 是一个简单的个人 wiki 框架。使用 Markdown 编写 wiki 并生成静态 HTML 页面。Wiki源文件按目录分类存放,便于管理和维护。
  

网站内容编辑器(的代码编辑器,是否有适合自己的编程环境?)

网站优化优采云 发表了文章 • 0 个评论 • 197 次浏览 • 2022-04-18 21:06 • 来自相关话题

  网站内容编辑器(的代码编辑器,是否有适合自己的编程环境?)
  总结:可能是最全的主流代码编辑器列表
  
  多年来,编写代码本身已成为一门艺术。如今,有大量的编程语言可供开发人员选择,从汇编语言到 Ruby 和 Python。尽管对于一个给定的项目有许多编程语言可供选择,但有一件事是不变的,每个开发人员都需要一个代码编辑器来编写代码。
  一个好的代码编辑器不仅仅是一个简单的文本编辑工具,这就是魔法发生的地方,开发人员编写的代码被转换成一个更大项目的可用组件。鉴于这一重要性,难怪开发人员对他们日夜工作的代码编辑器如此挑剔。每个开发人员都想要一个快速、易于使用且平衡的代码编辑器。
  每个代码编辑器都会声称自己是最好的,但您可能需要的只是一个。以下是一些主流且好评如潮的代码编辑器,开发者不妨看看有没有适合自己的。
  0. 维姆
  
  Vim 是最流行的代码编辑器之一。它免费、开源、跨平台,称其为代码编辑器中最优秀、最经典的古神器也不为过。尤其是在 Linux 开发者中,它有着相当高的声誉。Vim 是高度可定制的,也可以在 Dos 中运行。
  由于其陡峭的学习曲线,Vim 在刚开始开发的人中可能不太受欢迎。以下是 Vim 附带的一些功能:
  1. 灯台
  
  Light Table 是另一个免费和开源的代码编辑器,具有非常干净和简单的界面,以及大量的扩展。Light Table 还兼容 Windows、Mac 和 Linux,并且高度可定制。
  使用 Light Table,用户可以实时看到变化。编辑器非常轻量级,支持不同的嵌入。Light Table 致力于创建一个易于上手但同样适合工作的强大编程环境。
  2. 巧克力
  
  Chocolat 是 Mac 平台上一款功能强大的代码编辑器,兼容原生 Cocoa,具有强大的文本编辑功能。Chocolat 旨在与系统无缝集成,并支持许多编程语言的语法高亮显示。Chocolat 为 JavaScript、Python 和 HTML 文件提供拖放功能,只需将文件或文件夹拖放到软件界面即可。Chocolat 还支持窗口拆分、选项卡、颜色主题等。界面与 MacVim 非常相似。
  其他一些功能:
  3. 记事本++
  
  Notepad++ 是开发者首选的代码编辑器,原因有很多,这款轻量级的代码编辑器免费开源,速度快且占用资源极少,即便如此,它的功能也不马虎,开发者想要的功能几乎都有。最好的部分是这个代码编辑器非常适合新手和老手。
  编辑器支持的编程语言基本涵盖了开发者在开发中使用的所有语言。Notepad++ 的一些亮点是:
  4. Visual Studio 代码
  
  Visual Studio Code(简称VS Code/VSC)是一款免费开源的现代轻量级代码编辑器,支持几乎所有主流编程语言的语法高亮,支持插件扩展,针对Web开发和云应用开发进行了优化。该软件支持Windows、Mac和Linux跨平台,运行流畅。
  Visual Studio Code 还具有以下功能:
  5. 崇高文本
  
  如果您正在寻找轻量级和高性能的代码编辑器,Sublime Text 是您的最佳选择。这个跨平台的代码编辑器看起来很棒并且性能非常好。虽然是付费软件,但可以无限试用。
  Sublime Text 提供了许多强大的功能:
  6. TextWrangler
  
  TextWrangler 可能是 Mac 平台上最好的代码编辑器,它支持 44 种编程语言,包括 JavaScript、Python、HTML、SQL 等。TextWrangler 诞生于著名的 Bare Bones Software。虽轻量级,但用途广泛:提供语法高亮、智能搜索、代码折叠等文本批处理功能。
  作为BBedit的继承者,在功能上做了一些简化,缺少了Markup和Clippings功能,有点遗憾。但是免费的优势让它也成为了很多开发者的首选。程序界面干净简洁,只有常用功能。FTP/SFTP/AppleScript/Mac OS UNIX 脚本等高级功能隐藏在菜单中。
  TextWrangler 可以轻松处理大型源代码文件并提供广泛的功能,包括:
  7. 原子
  
  GitHub 是世界上最大的代码托管平台,但它的开发人员并不满意。他们用最先进、最流行的技术打造了一款名为“属于21世纪”的代码编辑器——Atom。Atom 是免费的、开源的和跨平台的。它集成了 Git,并提供了类似于 SublimeText 的包管理功能。它具有丰富的插件扩展和高度可配置性。然而,许多用户抱怨它的臃肿和滞后。
  尽管是免费软件,但 Atom 提供了几个关键的重要功能,包括:
  8. 尾声
  
  Code 是 Mac 平台的代码编辑器,寻求速度和稳定性的开发人员应该会喜欢它。Coda 主要是 Web 开发人员和 Web 设计师的编辑器。Coda 不仅轻巧,而且功能强大。它集成了终端、文本编辑器、CSS 编辑器、内容发布(结合 Transmit 的 FTP Client 功能)和整个 Web 开发过程所需的其他工具。Code 是付费软件,提供 7 天免费试用版。
  Coda 提供了一系列强大的功能,包括:
  9. 文本配合
  
  Text Mate 是 Mac 平台上另一个流行的代码编辑器,它在 Ruby 和 RoR 社区中享有盛誉。事实上,支持的语言的完整列表包括所有主要和次要的编程语言。这个编辑器的基础版是免费的,完整版需要付费。
  Text Mate 和 BBEdit 在 Mac 上合称为 E​​macs 和 Vim。特别适合开发者使用,可以自定义很多功能。
  Text Mate 提供了许多功能,包括:
  10. j编辑
  
  jEdit 自诩为严肃程序员的严肃编辑器。它是一个用 Java 开发(免费使用)并在 GPL 许可下发布的开源项目。可以在Windows、Linux、Mac等平台上运行,并且有很多插件可以扩展基础功能。它还支持超过 80 种文件类型的语法高亮显示。支持多种字符编码,包括 UTF-8。
  jEdit有一个非常方便的宏定义功能,可以在BeanShell、Jython、JavaScript等脚本语言中使用。
  除了支持 100 多个插件和宏之外,还有一些很棒的功能:
  11. BB编辑
  
  也称为 Bare Bone Edit,此代码编辑器仅在 Mac 平台上受支持,可让您轻松搜索、操作和编辑代码。试用版可免费下载和使用,完整版需要付费。
  智能界面为 BBEdit 提供一流的功能,包括 grep 匹配、跨多个文件搜索和替换、项目定义工具、功能导航和许多编程语言的语法突出显示、代码折叠、FTP 和 SFTP 打开和保存、AppleScript 和 Mac OS X Unix 脚本支持、代码完成和一组强大的 HTML 工具。
  BBEdit 提供以下功能:
  12.蜘蛛目
  
  Araneae 仅在 Windows 上可用,并以其简洁的界面而闻名,其简单性使开发人员可以轻松编写代码。Araneae 是完全免费的软件。
  提供以下功能:
  13. UltraEdit
  
  UltraEdit 是 Windows 平台上的代码编辑器。虽然 UltraEdit 不是开源软件并且需要付费,但它应该是最强大的代码编辑器。它支持几乎所有主流编程语言,包括 JavaScript、HTML、Perl、C/C++ 和 PHP。可以编辑文本、十六进制、ASCII码,完全可以替代记事本(如果电脑配置足够强大的话),内置英文单词检查,C++和VB命令高亮,可以同时编辑多个文件,甚至打开大量文件。文件速度也不慢。还支持代码折叠和宏。
  此代码编辑器包括开发人员最喜欢的功能,例如:
  14. Emacs
  
  Emacs 是著名的集成开发环境和代码编辑器。Emacs 被广泛认为是最受专业程序员欢迎的代码编辑器之一。Emacs 具有很强的可扩展性,在程序员和其他主要从事技术工作的计算机用户中很受欢迎。最初由 Richard Stallman 于 1975 年在麻省理工学院与 Guy Stall II 合作完成。
  此外,Emacs 还具有以下特性: 查看全部

  网站内容编辑器(的代码编辑器,是否有适合自己的编程环境?)
  总结:可能是最全的主流代码编辑器列表
  
  多年来,编写代码本身已成为一门艺术。如今,有大量的编程语言可供开发人员选择,从汇编语言到 Ruby 和 Python。尽管对于一个给定的项目有许多编程语言可供选择,但有一件事是不变的,每个开发人员都需要一个代码编辑器来编写代码。
  一个好的代码编辑器不仅仅是一个简单的文本编辑工具,这就是魔法发生的地方,开发人员编写的代码被转换成一个更大项目的可用组件。鉴于这一重要性,难怪开发人员对他们日夜工作的代码编辑器如此挑剔。每个开发人员都想要一个快速、易于使用且平衡的代码编辑器。
  每个代码编辑器都会声称自己是最好的,但您可能需要的只是一个。以下是一些主流且好评如潮的代码编辑器,开发者不妨看看有没有适合自己的。
  0. 维姆
  
  Vim 是最流行的代码编辑器之一。它免费、开源、跨平台,称其为代码编辑器中最优秀、最经典的古神器也不为过。尤其是在 Linux 开发者中,它有着相当高的声誉。Vim 是高度可定制的,也可以在 Dos 中运行。
  由于其陡峭的学习曲线,Vim 在刚开始开发的人中可能不太受欢迎。以下是 Vim 附带的一些功能:
  1. 灯台
  
  Light Table 是另一个免费和开源的代码编辑器,具有非常干净和简单的界面,以及大量的扩展。Light Table 还兼容 Windows、Mac 和 Linux,并且高度可定制。
  使用 Light Table,用户可以实时看到变化。编辑器非常轻量级,支持不同的嵌入。Light Table 致力于创建一个易于上手但同样适合工作的强大编程环境。
  2. 巧克力
  
  Chocolat 是 Mac 平台上一款功能强大的代码编辑器,兼容原生 Cocoa,具有强大的文本编辑功能。Chocolat 旨在与系统无缝集成,并支持许多编程语言的语法高亮显示。Chocolat 为 JavaScript、Python 和 HTML 文件提供拖放功能,只需将文件或文件夹拖放到软件界面即可。Chocolat 还支持窗口拆分、选项卡、颜色主题等。界面与 MacVim 非常相似。
  其他一些功能:
  3. 记事本++
  
  Notepad++ 是开发者首选的代码编辑器,原因有很多,这款轻量级的代码编辑器免费开源,速度快且占用资源极少,即便如此,它的功能也不马虎,开发者想要的功能几乎都有。最好的部分是这个代码编辑器非常适合新手和老手。
  编辑器支持的编程语言基本涵盖了开发者在开发中使用的所有语言。Notepad++ 的一些亮点是:
  4. Visual Studio 代码
  
  Visual Studio Code(简称VS Code/VSC)是一款免费开源的现代轻量级代码编辑器,支持几乎所有主流编程语言的语法高亮,支持插件扩展,针对Web开发和云应用开发进行了优化。该软件支持Windows、Mac和Linux跨平台,运行流畅。
  Visual Studio Code 还具有以下功能:
  5. 崇高文本
  
  如果您正在寻找轻量级和高性能的代码编辑器,Sublime Text 是您的最佳选择。这个跨平台的代码编辑器看起来很棒并且性能非常好。虽然是付费软件,但可以无限试用。
  Sublime Text 提供了许多强大的功能:
  6. TextWrangler
  
  TextWrangler 可能是 Mac 平台上最好的代码编辑器,它支持 44 种编程语言,包括 JavaScript、Python、HTML、SQL 等。TextWrangler 诞生于著名的 Bare Bones Software。虽轻量级,但用途广泛:提供语法高亮、智能搜索、代码折叠等文本批处理功能。
  作为BBedit的继承者,在功能上做了一些简化,缺少了Markup和Clippings功能,有点遗憾。但是免费的优势让它也成为了很多开发者的首选。程序界面干净简洁,只有常用功能。FTP/SFTP/AppleScript/Mac OS UNIX 脚本等高级功能隐藏在菜单中。
  TextWrangler 可以轻松处理大型源代码文件并提供广泛的功能,包括:
  7. 原子
  
  GitHub 是世界上最大的代码托管平台,但它的开发人员并不满意。他们用最先进、最流行的技术打造了一款名为“属于21世纪”的代码编辑器——Atom。Atom 是免费的、开源的和跨平台的。它集成了 Git,并提供了类似于 SublimeText 的包管理功能。它具有丰富的插件扩展和高度可配置性。然而,许多用户抱怨它的臃肿和滞后。
  尽管是免费软件,但 Atom 提供了几个关键的重要功能,包括:
  8. 尾声
  
  Code 是 Mac 平台的代码编辑器,寻求速度和稳定性的开发人员应该会喜欢它。Coda 主要是 Web 开发人员和 Web 设计师的编辑器。Coda 不仅轻巧,而且功能强大。它集成了终端、文本编辑器、CSS 编辑器、内容发布(结合 Transmit 的 FTP Client 功能)和整个 Web 开发过程所需的其他工具。Code 是付费软件,提供 7 天免费试用版。
  Coda 提供了一系列强大的功能,包括:
  9. 文本配合
  
  Text Mate 是 Mac 平台上另一个流行的代码编辑器,它在 Ruby 和 RoR 社区中享有盛誉。事实上,支持的语言的完整列表包括所有主要和次要的编程语言。这个编辑器的基础版是免费的,完整版需要付费。
  Text Mate 和 BBEdit 在 Mac 上合称为 E​​macs 和 Vim。特别适合开发者使用,可以自定义很多功能。
  Text Mate 提供了许多功能,包括:
  10. j编辑
  
  jEdit 自诩为严肃程序员的严肃编辑器。它是一个用 Java 开发(免费使用)并在 GPL 许可下发布的开源项目。可以在Windows、Linux、Mac等平台上运行,并且有很多插件可以扩展基础功能。它还支持超过 80 种文件类型的语法高亮显示。支持多种字符编码,包括 UTF-8。
  jEdit有一个非常方便的宏定义功能,可以在BeanShell、Jython、JavaScript等脚本语言中使用。
  除了支持 100 多个插件和宏之外,还有一些很棒的功能:
  11. BB编辑
  
  也称为 Bare Bone Edit,此代码编辑器仅在 Mac 平台上受支持,可让您轻松搜索、操作和编辑代码。试用版可免费下载和使用,完整版需要付费。
  智能界面为 BBEdit 提供一流的功能,包括 grep 匹配、跨多个文件搜索和替换、项目定义工具、功能导航和许多编程语言的语法突出显示、代码折叠、FTP 和 SFTP 打开和保存、AppleScript 和 Mac OS X Unix 脚本支持、代码完成和一组强大的 HTML 工具。
  BBEdit 提供以下功能:
  12.蜘蛛目
  
  Araneae 仅在 Windows 上可用,并以其简洁的界面而闻名,其简单性使开发人员可以轻松编写代码。Araneae 是完全免费的软件。
  提供以下功能:
  13. UltraEdit
  
  UltraEdit 是 Windows 平台上的代码编辑器。虽然 UltraEdit 不是开源软件并且需要付费,但它应该是最强大的代码编辑器。它支持几乎所有主流编程语言,包括 JavaScript、HTML、Perl、C/C++ 和 PHP。可以编辑文本、十六进制、ASCII码,完全可以替代记事本(如果电脑配置足够强大的话),内置英文单词检查,C++和VB命令高亮,可以同时编辑多个文件,甚至打开大量文件。文件速度也不慢。还支持代码折叠和宏。
  此代码编辑器包括开发人员最喜欢的功能,例如:
  14. Emacs
  
  Emacs 是著名的集成开发环境和代码编辑器。Emacs 被广泛认为是最受专业程序员欢迎的代码编辑器之一。Emacs 具有很强的可扩展性,在程序员和其他主要从事技术工作的计算机用户中很受欢迎。最初由 Richard Stallman 于 1975 年在麻省理工学院与 Guy Stall II 合作完成。
  此外,Emacs 还具有以下特性:

网站内容编辑器(Wix的ADI或者设计师,那么你一定要听说过!)

网站优化优采云 发表了文章 • 0 个评论 • 58 次浏览 • 2022-04-17 14:40 • 来自相关话题

  网站内容编辑器(Wix的ADI或者设计师,那么你一定要听说过!)
  蜡
  如果您是刚接触开发的程序员或设计师,那么您一定听说过 Wix。
  Wix 是最著名和使用最广泛的 网站 编辑器之一,虽然它并不完美,但对于大多数用户来说它是一种有效的解决方案。
  使用 Wix,您无需具备基本的平面设计知识和计算机知识,就可以轻松创建美观实用的 网站。
  
  输入网站后,登录你的账号,选择你要创建的网站类型:
  
  然后选择制作网站的方案:一个是ADI自动生成的,另一个是选择模板后自己编辑的。
  
  先说一下这个ADI自动生成,因为目前Wix是唯一一个带有AI助手的网站编辑器。
  选择ADI自动生成后,只需要回答一些基本问题,最后选择自己喜欢的主题和设计即可。
  
  Wix 的 ADI 可以通过这些方面了解你,并使用先进的算法在几分钟内为你打造一个漂亮的 网站。
  生成 网站 后,您可以像任何其他媒体编辑器一样轻松修改和编辑 网站 上的内容。
  
  操作真的很简单,用户可以轻松上手使用各种功能,一口气掌握。
  如果您需要在某处添加元素,只需从材质库拖放到编辑器中即可。
  
  如果你不使用ADI,而是选择自己编辑模板的构建方案,这个过程也很简单。
  先选择你喜欢的模板,然后进入编辑器。
  
  Wix 的优势之一是其用户友好的界面和高水平的定制。
  在这里,您无需花费精力研究行话和代码。只需拖放即可将您喜欢的元素添加到 网站。
  
  除了出色的用户界面外,Wix 还有一些其他不容错过的优势:
  1.模板素材更新快
  没有什么比 网站 的过时设计更糟糕的了。
  Wix 的开发者每个月都会更新大量素材,让用户可以继续美化自己的网站,以保持现代、时尚、美观、高效的网站 建设。
  如动画交互特效、流行的图片滤镜等。
  2.拖拽操作更方便
  Wix 的拖放工具可让您快速将文本、图像、音乐和视频添加到您的设计中。
  只需拖动鼠标即可成功展示、分享和销售您的内容。
  
  4.强大的工具套件
  如果你对 CSS、Javascript 和数据库有一定的了解,那么使用 Wix 简直就是如虎添翼。
  Wix 的高级编码功能允许您从头开始构建站点,并且可以创建 Web 应用程序、动态页面,甚至是数据库集合。
  Wix 代码可以直接连接到Wix 编辑器,当需要修改网站 中的部分代码时,可以使用Wix 中的现成代码。
  5.应用商店
  App Store 是 Wix 的一大特色,提供超过 260 个应用程序,让您可以为 网站 添加更多功能。
  
  6.自动保存
  没有自动保存的编辑器是没有灵魂的。
  Wix还提供了实时自动保存功能,让您安心工作,无需担心电脑死机等问题带来的不便。
  缺点
  虽然 Wix 有很多优势,但需要注意的是,如果您选择免费创建计划,那么 Wix 广告将保留在您生成的 网站 上。
  这对于私人 网站 来说很好,但商业 网站 建设者需要更加谨慎。 查看全部

  网站内容编辑器(Wix的ADI或者设计师,那么你一定要听说过!)
  蜡
  如果您是刚接触开发的程序员或设计师,那么您一定听说过 Wix。
  Wix 是最著名和使用最广泛的 网站 编辑器之一,虽然它并不完美,但对于大多数用户来说它是一种有效的解决方案。
  使用 Wix,您无需具备基本的平面设计知识和计算机知识,就可以轻松创建美观实用的 网站。
  
  输入网站后,登录你的账号,选择你要创建的网站类型:
  
  然后选择制作网站的方案:一个是ADI自动生成的,另一个是选择模板后自己编辑的。
  
  先说一下这个ADI自动生成,因为目前Wix是唯一一个带有AI助手的网站编辑器。
  选择ADI自动生成后,只需要回答一些基本问题,最后选择自己喜欢的主题和设计即可。
  
  Wix 的 ADI 可以通过这些方面了解你,并使用先进的算法在几分钟内为你打造一个漂亮的 网站。
  生成 网站 后,您可以像任何其他媒体编辑器一样轻松修改和编辑 网站 上的内容。
  
  操作真的很简单,用户可以轻松上手使用各种功能,一口气掌握。
  如果您需要在某处添加元素,只需从材质库拖放到编辑器中即可。
  
  如果你不使用ADI,而是选择自己编辑模板的构建方案,这个过程也很简单。
  先选择你喜欢的模板,然后进入编辑器。
  
  Wix 的优势之一是其用户友好的界面和高水平的定制。
  在这里,您无需花费精力研究行话和代码。只需拖放即可将您喜欢的元素添加到 网站。
  
  除了出色的用户界面外,Wix 还有一些其他不容错过的优势:
  1.模板素材更新快
  没有什么比 网站 的过时设计更糟糕的了。
  Wix 的开发者每个月都会更新大量素材,让用户可以继续美化自己的网站,以保持现代、时尚、美观、高效的网站 建设。
  如动画交互特效、流行的图片滤镜等。
  2.拖拽操作更方便
  Wix 的拖放工具可让您快速将文本、图像、音乐和视频添加到您的设计中。
  只需拖动鼠标即可成功展示、分享和销售您的内容。
  
  4.强大的工具套件
  如果你对 CSS、Javascript 和数据库有一定的了解,那么使用 Wix 简直就是如虎添翼。
  Wix 的高级编码功能允许您从头开始构建站点,并且可以创建 Web 应用程序、动态页面,甚至是数据库集合。
  Wix 代码可以直接连接到Wix 编辑器,当需要修改网站 中的部分代码时,可以使用Wix 中的现成代码。
  5.应用商店
  App Store 是 Wix 的一大特色,提供超过 260 个应用程序,让您可以为 网站 添加更多功能。
  
  6.自动保存
  没有自动保存的编辑器是没有灵魂的。
  Wix还提供了实时自动保存功能,让您安心工作,无需担心电脑死机等问题带来的不便。
  缺点
  虽然 Wix 有很多优势,但需要注意的是,如果您选择免费创建计划,那么 Wix 广告将保留在您生成的 网站 上。
  这对于私人 网站 来说很好,但商业 网站 建设者需要更加谨慎。

网站内容编辑器(3 个可以替代 Emacs 和 Vim 的文本编辑器 )

网站优化优采云 发表了文章 • 0 个评论 • 125 次浏览 • 2022-04-16 22:36 • 来自相关话题

  网站内容编辑器(3 个可以替代 Emacs 和 Vim 的文本编辑器
)
  Vim 和 Emacs 显然是 Linux 桌面上文本编辑的重量级人物,但它们并不是唯一的选择。
  Emacs 和 Vim 的粉丝们,在你开始你的编辑器之战之前,请理解这个 文章 并不是要贬低你最喜欢的编辑器。我是 Emacs 爱好者,但也喜欢 Vim。
  也就是说,我不认为 Emacs 和 Vim 适合所有人。或许编辑之战有点幼稚,让很多人失望。也许他们只是想要一个要求不高的现代编辑器。
  如果您正在寻找 Emacs 或 Vim 的替代品,请继续阅读。以下是您可能感兴趣的三位编辑器。
  吉尼
  
  您可以使用 Geany 编辑 LaTeX 文档
  Geany 是一个老编辑器,当我在过时的硬件上运行轻量级 Linux 发行版时,它是一个出色的编辑器。Geany 开始我的 LaTeX 编辑,但很快成为我所有文本编辑的编辑器。
  尽管 Geany 声称是一个轻量级和快速的 IDE(集成开发环境),但它绝不仅仅是技术人员的工具。Geany 轻巧快速,即使在过时的机器或运行 Linux 的 Chromebook 上也是如此。无论是从编辑配置文件到维护任务列表或日志,从编写 文章 或书籍到编写代码和脚本,Geany 都能轻松完成。
  插件给 Geany 一些额外的天赋。这些插件扩展了 Geany 的能力,使编码或处理某些标记语言更加高效,帮助您处理文本,甚至进行拼写检查。
  原子
  
  使用 Atom 编辑网页
  在文本编辑器领域,Atom 名列前茅。在很短的时间内,Atom 就获得了忠实的追随者。
  Atom 的定制功能使其如此吸引人。如果你有一些技术爱好,完全可以在这个编辑器上进行设置。如果您不只是沉迷于技术,Atom 还提供了一些主题,您可以使用它们来更改编辑器的外观。
  永远不要低估 Atom 的数千个扩展包。它们可以扩展 Atom 不同的功能,并且可以根据您的喜好将 Atom 变成合适的文本编辑器或开发环境。Atom 不仅适用于程序员。它也是作家的文本编辑器。
  赛德
  使用 Xed文章 进行编辑
  可能 Atom 和 Geany 对于用户体验来说有点臃肿。也许您只是想要一个不太破旧并且没有太多很少使用的功能的轻量级编辑器,所以 Xed 正是您正在寻找的。
  如果您对 Xed 看起来很熟悉,那是因为它是 MATE 桌面环境中 Pluma 编辑器的一个分支。我发现 Xed 可能比 Pluma 快一点,反应也快一点——不过,它因人而异。
  虽然 Xed 没有那么多功能,但也不算太糟糕。它具有可靠的语法突出显示,略优于平均水平的搜索替换和拼写检查功能,以及用于在单个窗口中编辑多个文件的选项卡式界面。
  其他值得探索的编辑器
  我不是 KDE 书呆子,当我在 KDE 环境中工作时,KDevelop 已经是我深入工作的首选。它功能强大且灵活且不会过于笨重,就像 Genany 一样。
  虽然我还没有感受到对它的喜爱,但我认识的几个人对 Brackets 有过这种感觉。它很强大,我不得不承认它的扩展真的很有用。
  被称为“开发者的编辑器”的记事本,总是让人联想到 Notepad++。虽然它的发展仍处于早期阶段,但至少看起来很有希望。
  对于那些只需要一个简单的文本编辑器的人来说,与 Kate 相比,Gedit 非常出色。它绝不是一个过于原创的编辑器——它对于大型文本编辑来说已经足够强大了。Gedit 和 Kate 都以其速度和易用性而闻名。
  除了 Emacs 和 Vim,你还有其他喜欢的编辑器吗?欢迎留言分享。 查看全部

  网站内容编辑器(3 个可以替代 Emacs 和 Vim 的文本编辑器
)
  Vim 和 Emacs 显然是 Linux 桌面上文本编辑的重量级人物,但它们并不是唯一的选择。
  Emacs 和 Vim 的粉丝们,在你开始你的编辑器之战之前,请理解这个 文章 并不是要贬低你最喜欢的编辑器。我是 Emacs 爱好者,但也喜欢 Vim。
  也就是说,我不认为 Emacs 和 Vim 适合所有人。或许编辑之战有点幼稚,让很多人失望。也许他们只是想要一个要求不高的现代编辑器。
  如果您正在寻找 Emacs 或 Vim 的替代品,请继续阅读。以下是您可能感兴趣的三位编辑器。
  吉尼
  
  您可以使用 Geany 编辑 LaTeX 文档
  Geany 是一个老编辑器,当我在过时的硬件上运行轻量级 Linux 发行版时,它是一个出色的编辑器。Geany 开始我的 LaTeX 编辑,但很快成为我所有文本编辑的编辑器。
  尽管 Geany 声称是一个轻量级和快速的 IDE(集成开发环境),但它绝不仅仅是技术人员的工具。Geany 轻巧快速,即使在过时的机器或运行 Linux 的 Chromebook 上也是如此。无论是从编辑配置文件到维护任务列表或日志,从编写 文章 或书籍到编写代码和脚本,Geany 都能轻松完成。
  插件给 Geany 一些额外的天赋。这些插件扩展了 Geany 的能力,使编码或处理某些标记语言更加高效,帮助您处理文本,甚至进行拼写检查。
  原子
  
  使用 Atom 编辑网页
  在文本编辑器领域,Atom 名列前茅。在很短的时间内,Atom 就获得了忠实的追随者。
  Atom 的定制功能使其如此吸引人。如果你有一些技术爱好,完全可以在这个编辑器上进行设置。如果您不只是沉迷于技术,Atom 还提供了一些主题,您可以使用它们来更改编辑器的外观。
  永远不要低估 Atom 的数千个扩展包。它们可以扩展 Atom 不同的功能,并且可以根据您的喜好将 Atom 变成合适的文本编辑器或开发环境。Atom 不仅适用于程序员。它也是作家的文本编辑器。
  赛德
  使用 Xed文章 进行编辑
  可能 Atom 和 Geany 对于用户体验来说有点臃肿。也许您只是想要一个不太破旧并且没有太多很少使用的功能的轻量级编辑器,所以 Xed 正是您正在寻找的。
  如果您对 Xed 看起来很熟悉,那是因为它是 MATE 桌面环境中 Pluma 编辑器的一个分支。我发现 Xed 可能比 Pluma 快一点,反应也快一点——不过,它因人而异。
  虽然 Xed 没有那么多功能,但也不算太糟糕。它具有可靠的语法突出显示,略优于平均水平的搜索替换和拼写检查功能,以及用于在单个窗口中编辑多个文件的选项卡式界面。
  其他值得探索的编辑器
  我不是 KDE 书呆子,当我在 KDE 环境中工作时,KDevelop 已经是我深入工作的首选。它功能强大且灵活且不会过于笨重,就像 Genany 一样。
  虽然我还没有感受到对它的喜爱,但我认识的几个人对 Brackets 有过这种感觉。它很强大,我不得不承认它的扩展真的很有用。
  被称为“开发者的编辑器”的记事本,总是让人联想到 Notepad++。虽然它的发展仍处于早期阶段,但至少看起来很有希望。
  对于那些只需要一个简单的文本编辑器的人来说,与 Kate 相比,Gedit 非常出色。它绝不是一个过于原创的编辑器——它对于大型文本编辑来说已经足够强大了。Gedit 和 Kate 都以其速度和易用性而闻名。
  除了 Emacs 和 Vim,你还有其他喜欢的编辑器吗?欢迎留言分享。

网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站 )

网站优化优采云 发表了文章 • 0 个评论 • 109 次浏览 • 2022-04-16 17:25 • 来自相关话题

  网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站
)
  相关话题
  aspmaker 如何加入在线 html 编辑器
  2018 年 12 月 3 日 20:37:00
  做过网站的人都知道,网站背景的详细内容一定要配上HTML编辑器,这样才能创作出丰富多彩的内容。常用的编辑器有:百度出品的UEditor、xhEditor开源HTML编辑器、KindEditor开源HTML编辑器、阿里的KISSY、国外的fckeditor编辑器等,各有千秋,aspmaker自带fc
  
  更改WordPress后台编辑器样式实现直接预览
  21/9/2011 10:35:00
  在 WordPress3.0 之后,有一个新的实用功能:可以改变默认后台编辑器(TinyMCE)的样式来实现一个有趣的功能:在后台可视化编辑器模式下直接预览日志内容的布局,并且与前台的浏览风格一致,无需去前台查看日志编辑情况。
  
  浅谈Atom编辑器的汉化方法
  2021 年 11 月 1 日 21:03:45
  Atom编辑器怎么翻译成中文?下面的文章文章将介绍Atom编辑器的汉化方法。有一定的参考价值,有需要的朋友可以参考,希望对大家有所帮助。相关推荐:《atom教程》安装汉化
  
  KindEditor3.4 发布 - 可视化 HTML 编辑器
  2018 年 2 月 3 日 01:07:50
  经过2个多月的开发测试,KindEditor3.4版本终于正式与大家见面了。非常感谢您的热情反馈和建议。没有您的支持,KindEditor 就不会进步。
  
  xhEditorv1.1.8 发布,XHTML 在线编辑器
  2/3/2018 01:08:14
  xhEditor是一款基于jQuery开发的简单、迷你、高效的可视化XHTML编辑器,基于web访问,兼容IE6、IE7、IE8、IE9、Firefox3.0+、Opera9.6+、Chrome 1.0+,野生动物园3.22+。
  
  微信文章哪个排版编辑器好用?我做了评论
  21/5/202016:02:06
  文章目录 135 编辑器 365 编辑器 96 编辑器 i 排版 易点编辑器 新列表编辑器 秀米编辑器 经常有粉丝问我,哪个微信编辑器好用?因为微信后台可以编辑文章@文章,但是太干净了
  
  另一个编辑神器-百度编辑器-Ueditor
  2018 年 4 月 3 日 01:11:41
  另一个编辑神器——百度编辑器——Ueditor(Lionden转载说明)前段时间发表了一篇关于《JSP中KindEditor的使用》的博文。这几天一直在沈阳东软做JavaWeb的实习工作,不得不在一个cms系统的后台和博客区使用文本编辑器。突然发现这个——百度编辑器(官网)
  
  数据可视化
  21/5/2018 15:31:25
  Airpal:PrestoDB 的 Web UI;Arbor:利用 Web Workers 和 jQuery 的图形可视化库;Banana:存储在 Kibana Solr.Port 中的日志和时间戳数据的可视化;Bokeh:一个强大的 Python 交互可视化库,以现代 Web 浏览器显示为目标,旨在为 D3.js 风格的新颖图形提供优雅简洁的设计,同时在大规模数据或流数据集,通过高性能交互。表达这种能力;C3:基于 D3 可重复使用....
  
  百度Ueditor编辑器的使用
  2018 年 4 月 3 日 01:09:13
  Ueditor 编辑器非常强大。它是一个富文本编辑器,几乎可以满足任何需求。它可以开箱即用,无需繁琐的配置。在我的博客中使用,所以我将总结使用的方法以供参考。注意:本编辑器使用php版下载包,下载地址##一、简单编辑器工具栏###原Ueditor工具栏###简化Ueditor工具栏由于Ueditor功能太多,这里我们对其进行简化,选择一些最常用的,如下: 简化的编辑器工具栏,有没有变化?
  
  7 个 Bootstrap 在线编辑器:快速开发响应式 网站
  25/11/2014 14:59:00
  Bootstrap 编辑器和生成器使原型、测试和构建响应式 网站 接口变得容易。尽管每个编辑器都不同,但它们都利用 Bootstrap 庞大的组件库来拖入和拖出组件。
  
  WordPress插件百度UEdito编辑器编辑器文章工具
  29/6/2015 11:51:00
  UEdito是百度出品的一款编辑器,功能极其强大,支持任意类型的编辑复制,所见即所得。UEdito 支持 wordpress4.0 及以上版本。就UEdito的功能而言,它已经超越了市面上所有其他的编辑插件。而我们默认的wordpress编辑器在这个UEdito插件面前就破旧了
  
  xhEditor 编辑器高级使用
  2018 年 4 月 3 日 01:14:12
  总结:xhEditor编辑器进阶使用
  
  WordPress 编辑器完整指南
  2011 年 12 月 2 日 09:23:00
  如果您的 WordPress 博客中的文本内容比较大,那么您肯定经常需要与 WordPress 编辑器打交道。本文文章介绍了一些提高WordPress编辑器实用性的技巧。
  
  百度推出开源富文本网页编辑器:Ueditor
  13/7/2011 10:04:00
  编辑器是与用户体验密切相关的一个环节。编辑器的好坏将直接影响用户的应用体验。但是由于国内缺乏先进的富文本编辑器,很多开发者在选择Web编辑器时往往会手足无措,或者用户体验效果不理想。
  
  2020年最常用的8款代码编辑器推荐
  13/7/202009:08:45
  对于编程初学者来说,一个完善的代码编辑器是非常重要的,但是大多数人并不知道什么是代码编辑器。网上推荐的代码编辑器有很多种,但是不知道这些代码编辑器哪一个好用。所以,今天的php中文网站是
   查看全部

  网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站
)
  相关话题
  aspmaker 如何加入在线 html 编辑器
  2018 年 12 月 3 日 20:37:00
  做过网站的人都知道,网站背景的详细内容一定要配上HTML编辑器,这样才能创作出丰富多彩的内容。常用的编辑器有:百度出品的UEditor、xhEditor开源HTML编辑器、KindEditor开源HTML编辑器、阿里的KISSY、国外的fckeditor编辑器等,各有千秋,aspmaker自带fc
  
  更改WordPress后台编辑器样式实现直接预览
  21/9/2011 10:35:00
  在 WordPress3.0 之后,有一个新的实用功能:可以改变默认后台编辑器(TinyMCE)的样式来实现一个有趣的功能:在后台可视化编辑器模式下直接预览日志内容的布局,并且与前台的浏览风格一致,无需去前台查看日志编辑情况。
  
  浅谈Atom编辑器的汉化方法
  2021 年 11 月 1 日 21:03:45
  Atom编辑器怎么翻译成中文?下面的文章文章将介绍Atom编辑器的汉化方法。有一定的参考价值,有需要的朋友可以参考,希望对大家有所帮助。相关推荐:《atom教程》安装汉化
  
  KindEditor3.4 发布 - 可视化 HTML 编辑器
  2018 年 2 月 3 日 01:07:50
  经过2个多月的开发测试,KindEditor3.4版本终于正式与大家见面了。非常感谢您的热情反馈和建议。没有您的支持,KindEditor 就不会进步。
  
  xhEditorv1.1.8 发布,XHTML 在线编辑器
  2/3/2018 01:08:14
  xhEditor是一款基于jQuery开发的简单、迷你、高效的可视化XHTML编辑器,基于web访问,兼容IE6、IE7、IE8、IE9、Firefox3.0+、Opera9.6+、Chrome 1.0+,野生动物园3.22+。
  
  微信文章哪个排版编辑器好用?我做了评论
  21/5/202016:02:06
  文章目录 135 编辑器 365 编辑器 96 编辑器 i 排版 易点编辑器 新列表编辑器 秀米编辑器 经常有粉丝问我,哪个微信编辑器好用?因为微信后台可以编辑文章@文章,但是太干净了
  
  另一个编辑神器-百度编辑器-Ueditor
  2018 年 4 月 3 日 01:11:41
  另一个编辑神器——百度编辑器——Ueditor(Lionden转载说明)前段时间发表了一篇关于《JSP中KindEditor的使用》的博文。这几天一直在沈阳东软做JavaWeb的实习工作,不得不在一个cms系统的后台和博客区使用文本编辑器。突然发现这个——百度编辑器(官网)
  
  数据可视化
  21/5/2018 15:31:25
  Airpal:PrestoDB 的 Web UI;Arbor:利用 Web Workers 和 jQuery 的图形可视化库;Banana:存储在 Kibana Solr.Port 中的日志和时间戳数据的可视化;Bokeh:一个强大的 Python 交互可视化库,以现代 Web 浏览器显示为目标,旨在为 D3.js 风格的新颖图形提供优雅简洁的设计,同时在大规模数据或流数据集,通过高性能交互。表达这种能力;C3:基于 D3 可重复使用....
  
  百度Ueditor编辑器的使用
  2018 年 4 月 3 日 01:09:13
  Ueditor 编辑器非常强大。它是一个富文本编辑器,几乎可以满足任何需求。它可以开箱即用,无需繁琐的配置。在我的博客中使用,所以我将总结使用的方法以供参考。注意:本编辑器使用php版下载包,下载地址##一、简单编辑器工具栏###原Ueditor工具栏###简化Ueditor工具栏由于Ueditor功能太多,这里我们对其进行简化,选择一些最常用的,如下: 简化的编辑器工具栏,有没有变化?
  
  7 个 Bootstrap 在线编辑器:快速开发响应式 网站
  25/11/2014 14:59:00
  Bootstrap 编辑器和生成器使原型、测试和构建响应式 网站 接口变得容易。尽管每个编辑器都不同,但它们都利用 Bootstrap 庞大的组件库来拖入和拖出组件。
  
  WordPress插件百度UEdito编辑器编辑器文章工具
  29/6/2015 11:51:00
  UEdito是百度出品的一款编辑器,功能极其强大,支持任意类型的编辑复制,所见即所得。UEdito 支持 wordpress4.0 及以上版本。就UEdito的功能而言,它已经超越了市面上所有其他的编辑插件。而我们默认的wordpress编辑器在这个UEdito插件面前就破旧了
  
  xhEditor 编辑器高级使用
  2018 年 4 月 3 日 01:14:12
  总结:xhEditor编辑器进阶使用
  
  WordPress 编辑器完整指南
  2011 年 12 月 2 日 09:23:00
  如果您的 WordPress 博客中的文本内容比较大,那么您肯定经常需要与 WordPress 编辑器打交道。本文文章介绍了一些提高WordPress编辑器实用性的技巧。
  
  百度推出开源富文本网页编辑器:Ueditor
  13/7/2011 10:04:00
  编辑器是与用户体验密切相关的一个环节。编辑器的好坏将直接影响用户的应用体验。但是由于国内缺乏先进的富文本编辑器,很多开发者在选择Web编辑器时往往会手足无措,或者用户体验效果不理想。
  
  2020年最常用的8款代码编辑器推荐
  13/7/202009:08:45
  对于编程初学者来说,一个完善的代码编辑器是非常重要的,但是大多数人并不知道什么是代码编辑器。网上推荐的代码编辑器有很多种,但是不知道这些代码编辑器哪一个好用。所以,今天的php中文网站是
  

网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站 )

网站优化优采云 发表了文章 • 0 个评论 • 41 次浏览 • 2022-04-16 17:22 • 来自相关话题

  网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站
)
  相关话题
  aspmaker 如何加入在线 html 编辑器
  2018 年 12 月 3 日 20:37:00
  做过网站的人都知道,网站背景的详细内容一定要配上HTML编辑器,这样才能创作出丰富多彩的内容。常用的编辑器有:百度出品的UEditor、xhEditor开源HTML编辑器、KindEditor开源HTML编辑器、阿里的KISSY、国外的fckeditor编辑器等,各有千秋,aspmaker自带fc
  
  更改WordPress后台编辑器样式实现直接预览
  21/9/2011 10:35:00
  在 WordPress3.0 之后,有一个新的实用功能:可以改变默认后台编辑器(TinyMCE)的样式来实现一个有趣的功能:在后台可视化编辑器模式下直接预览日志内容的布局,并且与前台的浏览风格一致,无需去前台查看日志编辑情况。
  
  浅谈Atom编辑器的汉化方法
  2021 年 11 月 1 日 21:03:45
  Atom编辑器怎么翻译成中文?下面的文章文章将介绍Atom编辑器的汉化方法。有一定的参考价值,有需要的朋友可以参考,希望对大家有所帮助。相关推荐:《atom教程》安装汉化
  
  KindEditor3.4 发布 - 可视化 HTML 编辑器
  2018 年 2 月 3 日 01:07:50
  经过2个多月的开发测试,KindEditor3.4版本终于正式与大家见面了。非常感谢您的热情反馈和建议。没有您的支持,KindEditor 就不会进步。
  
  xhEditorv1.1.8 发布,XHTML 在线编辑器
  2/3/2018 01:08:14
  xhEditor是一款基于jQuery开发的简单、迷你、高效的可视化XHTML编辑器,基于web访问,兼容IE6、IE7、IE8、IE9、Firefox3.0+、Opera9.6+、Chrome 1.0+,野生动物园3.22+。
  
  微信文章哪个排版编辑器好用?我做了评论
  21/5/202016:02:06
  文章目录 135 编辑器 365 编辑器 96 编辑器 i 排版 易点编辑器 新列表编辑器 秀米编辑器 经常有粉丝问我,哪个微信编辑器好用?因为微信后台可以编辑文章@文章,但是太干净了
  
  另一个编辑神器-百度编辑器-Ueditor
  2018 年 4 月 3 日 01:11:41
  另一个编辑神器——百度编辑器——Ueditor(Lionden转载说明)前段时间发表了一篇关于《JSP中KindEditor的使用》的博文。这几天一直在沈阳东软做JavaWeb的实习工作,不得不在一个cms系统的后台和博客区使用文本编辑器。突然发现这个——百度编辑器(官网)
  
  数据可视化
  21/5/2018 15:31:25
  Airpal:PrestoDB 的 Web UI;Arbor:利用 Web Workers 和 jQuery 的图形可视化库;Banana:存储在 Kibana Solr.Port 中的日志和时间戳数据的可视化;Bokeh:一个强大的 Python 交互可视化库,以现代 Web 浏览器显示为目标,旨在为 D3.js 风格的新颖图形提供优雅简洁的设计,同时在大规模数据或流数据集,通过高性能交互。表达这种能力;C3:基于 D3 可重复使用....
  
  百度Ueditor编辑器的使用
  2018 年 4 月 3 日 01:09:13
  Ueditor 编辑器非常强大。它是一个富文本编辑器,几乎可以满足任何需求。它可以开箱即用,无需繁琐的配置。在我的博客中使用,所以我将总结使用的方法以供参考。注意:本编辑器使用php版下载包,下载地址##一、简单编辑器工具栏###原Ueditor工具栏###简化Ueditor工具栏由于Ueditor功能太多,这里我们对其进行简化,选择一些最常用的,如下: 简化的编辑器工具栏,有没有变化?
  
  7 个 Bootstrap 在线编辑器:快速开发响应式 网站
  25/11/2014 14:59:00
  Bootstrap 编辑器和生成器使原型、测试和构建响应式 网站 接口变得容易。尽管每个编辑器都不同,但它们都利用 Bootstrap 庞大的组件库来拖入和拖出组件。
  
  WordPress插件百度UEdito编辑器编辑器文章工具
  29/6/2015 11:51:00
  UEdito是百度出品的一款编辑器,功能极其强大,支持任意类型的编辑复制,所见即所得。UEdito 支持 wordpress4.0 及以上版本。就UEdito的功能而言,它已经超越了市面上所有其他的编辑插件。而我们默认的wordpress编辑器在这个UEdito插件面前就破旧了
  
  xhEditor 编辑器高级使用
  2018 年 4 月 3 日 01:14:12
  总结:xhEditor编辑器进阶使用
  
  WordPress 编辑器完整指南
  2011 年 12 月 2 日 09:23:00
  如果您的 WordPress 博客中的文本内容比较大,那么您肯定经常需要与 WordPress 编辑器打交道。本文文章介绍了一些提高WordPress编辑器实用性的技巧。
  
  百度推出开源富文本网页编辑器:Ueditor
  13/7/2011 10:04:00
  编辑器是与用户体验密切相关的一个环节。编辑器的好坏将直接影响用户的应用体验。但是由于国内缺乏先进的富文本编辑器,很多开发者在选择Web编辑器时往往会手足无措,或者用户体验效果不理想。
  
  2020年最常用的8款代码编辑器推荐
  13/7/202009:08:45
  对于编程初学者来说,一个完善的代码编辑器是非常重要的,但是大多数人并不知道什么是代码编辑器。网上推荐的代码编辑器有很多种,但是不知道这些代码编辑器哪一个好用。所以,今天的php中文网站是
   查看全部

  网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站
)
  相关话题
  aspmaker 如何加入在线 html 编辑器
  2018 年 12 月 3 日 20:37:00
  做过网站的人都知道,网站背景的详细内容一定要配上HTML编辑器,这样才能创作出丰富多彩的内容。常用的编辑器有:百度出品的UEditor、xhEditor开源HTML编辑器、KindEditor开源HTML编辑器、阿里的KISSY、国外的fckeditor编辑器等,各有千秋,aspmaker自带fc
  
  更改WordPress后台编辑器样式实现直接预览
  21/9/2011 10:35:00
  在 WordPress3.0 之后,有一个新的实用功能:可以改变默认后台编辑器(TinyMCE)的样式来实现一个有趣的功能:在后台可视化编辑器模式下直接预览日志内容的布局,并且与前台的浏览风格一致,无需去前台查看日志编辑情况。
  
  浅谈Atom编辑器的汉化方法
  2021 年 11 月 1 日 21:03:45
  Atom编辑器怎么翻译成中文?下面的文章文章将介绍Atom编辑器的汉化方法。有一定的参考价值,有需要的朋友可以参考,希望对大家有所帮助。相关推荐:《atom教程》安装汉化
  
  KindEditor3.4 发布 - 可视化 HTML 编辑器
  2018 年 2 月 3 日 01:07:50
  经过2个多月的开发测试,KindEditor3.4版本终于正式与大家见面了。非常感谢您的热情反馈和建议。没有您的支持,KindEditor 就不会进步。
  
  xhEditorv1.1.8 发布,XHTML 在线编辑器
  2/3/2018 01:08:14
  xhEditor是一款基于jQuery开发的简单、迷你、高效的可视化XHTML编辑器,基于web访问,兼容IE6、IE7、IE8、IE9、Firefox3.0+、Opera9.6+、Chrome 1.0+,野生动物园3.22+。
  
  微信文章哪个排版编辑器好用?我做了评论
  21/5/202016:02:06
  文章目录 135 编辑器 365 编辑器 96 编辑器 i 排版 易点编辑器 新列表编辑器 秀米编辑器 经常有粉丝问我,哪个微信编辑器好用?因为微信后台可以编辑文章@文章,但是太干净了
  
  另一个编辑神器-百度编辑器-Ueditor
  2018 年 4 月 3 日 01:11:41
  另一个编辑神器——百度编辑器——Ueditor(Lionden转载说明)前段时间发表了一篇关于《JSP中KindEditor的使用》的博文。这几天一直在沈阳东软做JavaWeb的实习工作,不得不在一个cms系统的后台和博客区使用文本编辑器。突然发现这个——百度编辑器(官网)
  
  数据可视化
  21/5/2018 15:31:25
  Airpal:PrestoDB 的 Web UI;Arbor:利用 Web Workers 和 jQuery 的图形可视化库;Banana:存储在 Kibana Solr.Port 中的日志和时间戳数据的可视化;Bokeh:一个强大的 Python 交互可视化库,以现代 Web 浏览器显示为目标,旨在为 D3.js 风格的新颖图形提供优雅简洁的设计,同时在大规模数据或流数据集,通过高性能交互。表达这种能力;C3:基于 D3 可重复使用....
  
  百度Ueditor编辑器的使用
  2018 年 4 月 3 日 01:09:13
  Ueditor 编辑器非常强大。它是一个富文本编辑器,几乎可以满足任何需求。它可以开箱即用,无需繁琐的配置。在我的博客中使用,所以我将总结使用的方法以供参考。注意:本编辑器使用php版下载包,下载地址##一、简单编辑器工具栏###原Ueditor工具栏###简化Ueditor工具栏由于Ueditor功能太多,这里我们对其进行简化,选择一些最常用的,如下: 简化的编辑器工具栏,有没有变化?
  
  7 个 Bootstrap 在线编辑器:快速开发响应式 网站
  25/11/2014 14:59:00
  Bootstrap 编辑器和生成器使原型、测试和构建响应式 网站 接口变得容易。尽管每个编辑器都不同,但它们都利用 Bootstrap 庞大的组件库来拖入和拖出组件。
  
  WordPress插件百度UEdito编辑器编辑器文章工具
  29/6/2015 11:51:00
  UEdito是百度出品的一款编辑器,功能极其强大,支持任意类型的编辑复制,所见即所得。UEdito 支持 wordpress4.0 及以上版本。就UEdito的功能而言,它已经超越了市面上所有其他的编辑插件。而我们默认的wordpress编辑器在这个UEdito插件面前就破旧了
  
  xhEditor 编辑器高级使用
  2018 年 4 月 3 日 01:14:12
  总结:xhEditor编辑器进阶使用
  
  WordPress 编辑器完整指南
  2011 年 12 月 2 日 09:23:00
  如果您的 WordPress 博客中的文本内容比较大,那么您肯定经常需要与 WordPress 编辑器打交道。本文文章介绍了一些提高WordPress编辑器实用性的技巧。
  
  百度推出开源富文本网页编辑器:Ueditor
  13/7/2011 10:04:00
  编辑器是与用户体验密切相关的一个环节。编辑器的好坏将直接影响用户的应用体验。但是由于国内缺乏先进的富文本编辑器,很多开发者在选择Web编辑器时往往会手足无措,或者用户体验效果不理想。
  
  2020年最常用的8款代码编辑器推荐
  13/7/202009:08:45
  对于编程初学者来说,一个完善的代码编辑器是非常重要的,但是大多数人并不知道什么是代码编辑器。网上推荐的代码编辑器有很多种,但是不知道这些代码编辑器哪一个好用。所以,今天的php中文网站是
  

网站内容编辑器(十大常见的markdown编辑器流行一句话就够了)

网站优化优采云 发表了文章 • 0 个评论 • 293 次浏览 • 2022-04-16 09:31 • 来自相关话题

  网站内容编辑器(十大常见的markdown编辑器流行一句话就够了)
  如果你没听过markdown这个词,那我只能说你在互联网领域可能有点落伍了,因为这是和html一样的标记语言,使用它可以让你用纯文本书写适合每种格式的文档。您可以轻松地将 .md 文件导出为 html、word、pdf、epub 和其他格式。
  下面我主要分享十个常用的markdown编辑器。
  泰波拉
  这是目前最流行的markdown编辑器之一,多平台支持,多种格式导出,快速所见即所得显示,优雅性感的主题切换,自动标签匹配功能,字数统计,文档结构组织,可以这么说也不过分太赞了,这是一个用过就不想卸载的软件。
  
  
  
  草案
  这是一个 web 版本的 Markdown 编辑器。写作时,整个网页就是一个编辑器。可以说空间很大,字体看起来很大。非常适合我这样的老人。我只是喜欢这种风格的简单。您可以自己管理界面的字体大小、背景颜色等。如果不想下载软件使用markdown,可以说是个不错的选择。
  
  
  颤动
  这是一款专为程序员打造的markdown编辑器,你可以在里面轻松组合代码和公式,而且它还有这种丰富的程序风格,你可以说出你想要的程序代码风格和风格,在这里可以找到。自动保存功能,纯json格式的文档可以轻松导出你的文档,云同步功能,自动备份功能,版本管理功能都是它的亮点,全文搜索功能也是它的亮点,唯一的缺点可能是就是,它只支持mac操作系统。
  
  
  迪林格
  也是web版的markdown编辑器,支持导入导出,支持vim格式风格的键盘书写,支持自动保存,字数统计。可以说,如果不想繁琐的下载软件,也是一个不错的选择。另外,它支持github、dropbox、onedrive、googledrive的导入导出。
  视觉工作室代码
  之前流行的说法是,能用js实现的功能,最终都会用js实现。同样的,能用vscode实现的功能,最终都会用vscode来实现,vscode是一个很好的实践。这是一个程序员友好的编辑器,因为你只需要安装一个 vscode 插件,就可以预览、编辑和导出 markdown。
  
  墨滴
  这是一个全平台的软件,从windows、linux、mac都支持,另外它还支持android和ios,可以说在任何地方都可以使用。它具有丰富的api和插件机制,这意味着您可以为其添加更多功能或设计自己的样式。
  
  哈罗帕德
  这是一个跨平台的免费应用,可以轻松导出文件,兼容github的markdown格式,可以自定义插件,文档可以轻松嵌入博客和邮件中,支持数学公式,可以绘制图表,总之它也是一个不错的选择。
  
  概念
  严格来说,这不是一个编辑器,因为它还有很多其他的功能,markdown 支持只是其中的一小部分。它不仅可以写文档,还可以做一个待办事项记事本,记录你每天所做的事情。它还可以组织文档并将您的文档放入书籍目录。同时它也是一个任务协作工具,可以在上面提任务,最厉害的是它还可以编辑和管理数据。可以说是活生生的excel。将其定义为办公工具更为合适。
  
  标记文本
  这是一个轻量级的跨平台编辑器,也是一个开源的编辑器。具备常用编辑器的基本功能,支持GFM表,支持流程图,甘特图,支持数学公式,并且有新鲜的主题,可以说是除了typora之外的又一个不错的选择。
  
  总结
  如果您仔细阅读 文章,您应该会发现这里缺少一位编辑器。是的,这里只介绍了9位编辑,但标题中写了10位。我不是头条党。,我把最后一个位置留给各位读者,一千个人就有一千个哈姆雷特,每个人都有自己的喜好,喜欢的话,记事本,vi也可以用来写markdown,希望大家都能找到适合自己的工具,如果可能的话,我希望你也可以开发一个。 查看全部

  网站内容编辑器(十大常见的markdown编辑器流行一句话就够了)
  如果你没听过markdown这个词,那我只能说你在互联网领域可能有点落伍了,因为这是和html一样的标记语言,使用它可以让你用纯文本书写适合每种格式的文档。您可以轻松地将 .md 文件导出为 html、word、pdf、epub 和其他格式。
  下面我主要分享十个常用的markdown编辑器。
  泰波拉
  这是目前最流行的markdown编辑器之一,多平台支持,多种格式导出,快速所见即所得显示,优雅性感的主题切换,自动标签匹配功能,字数统计,文档结构组织,可以这么说也不过分太赞了,这是一个用过就不想卸载的软件。
  
  
  
  草案
  这是一个 web 版本的 Markdown 编辑器。写作时,整个网页就是一个编辑器。可以说空间很大,字体看起来很大。非常适合我这样的老人。我只是喜欢这种风格的简单。您可以自己管理界面的字体大小、背景颜色等。如果不想下载软件使用markdown,可以说是个不错的选择。
  
  
  颤动
  这是一款专为程序员打造的markdown编辑器,你可以在里面轻松组合代码和公式,而且它还有这种丰富的程序风格,你可以说出你想要的程序代码风格和风格,在这里可以找到。自动保存功能,纯json格式的文档可以轻松导出你的文档,云同步功能,自动备份功能,版本管理功能都是它的亮点,全文搜索功能也是它的亮点,唯一的缺点可能是就是,它只支持mac操作系统。
  
  
  迪林格
  也是web版的markdown编辑器,支持导入导出,支持vim格式风格的键盘书写,支持自动保存,字数统计。可以说,如果不想繁琐的下载软件,也是一个不错的选择。另外,它支持github、dropbox、onedrive、googledrive的导入导出。
  视觉工作室代码
  之前流行的说法是,能用js实现的功能,最终都会用js实现。同样的,能用vscode实现的功能,最终都会用vscode来实现,vscode是一个很好的实践。这是一个程序员友好的编辑器,因为你只需要安装一个 vscode 插件,就可以预览、编辑和导出 markdown。
  
  墨滴
  这是一个全平台的软件,从windows、linux、mac都支持,另外它还支持android和ios,可以说在任何地方都可以使用。它具有丰富的api和插件机制,这意味着您可以为其添加更多功能或设计自己的样式。
  
  哈罗帕德
  这是一个跨平台的免费应用,可以轻松导出文件,兼容github的markdown格式,可以自定义插件,文档可以轻松嵌入博客和邮件中,支持数学公式,可以绘制图表,总之它也是一个不错的选择。
  
  概念
  严格来说,这不是一个编辑器,因为它还有很多其他的功能,markdown 支持只是其中的一小部分。它不仅可以写文档,还可以做一个待办事项记事本,记录你每天所做的事情。它还可以组织文档并将您的文档放入书籍目录。同时它也是一个任务协作工具,可以在上面提任务,最厉害的是它还可以编辑和管理数据。可以说是活生生的excel。将其定义为办公工具更为合适。
  
  标记文本
  这是一个轻量级的跨平台编辑器,也是一个开源的编辑器。具备常用编辑器的基本功能,支持GFM表,支持流程图,甘特图,支持数学公式,并且有新鲜的主题,可以说是除了typora之外的又一个不错的选择。
  
  总结
  如果您仔细阅读 文章,您应该会发现这里缺少一位编辑器。是的,这里只介绍了9位编辑,但标题中写了10位。我不是头条党。,我把最后一个位置留给各位读者,一千个人就有一千个哈姆雷特,每个人都有自己的喜好,喜欢的话,记事本,vi也可以用来写markdown,希望大家都能找到适合自己的工具,如果可能的话,我希望你也可以开发一个。

网站内容编辑器(网站内容编辑器,优势在于不需要多少代码基础?)

网站优化优采云 发表了文章 • 0 个评论 • 57 次浏览 • 2022-04-16 00:05 • 来自相关话题

  网站内容编辑器(网站内容编辑器,优势在于不需要多少代码基础?)
  网站内容编辑器,优势在于不需要多少代码基础,只要会用就可以做站长。不像dreamweaver等网站编辑器一样,一些有基础的人做个一两年后,也就忘得差不多了。没有基础的同学,如果你是学网站构建技术或者架构设计,现在开始,可以尝试找一些牛的网站编辑器来学习。当然,作为新手小白,你更推荐从最基础入手,认真看一遍教程,写一点demo的小网站。
  看完之后,你就明白大概的需要一些什么程度的功底了。再说说这个软件,它的特点是可以精确控制标题,描述,关键词,网址等等。你可以尝试用dreamweaver等网站编辑器做一些属于自己的网站。当然,它最大的优势还是出了网站能够直接嵌入谷歌adsense广告主关键词,seo相关词。有一定的价值。欢迎关注我和我的专栏:网站运营技巧。每周更新,一起学习进步!。
  从实践出发,寻找网站有特色的地方(比如最近比较火的内容图片及新闻视频),加上,或者让服务员把网站卖给你,主要是要学一些网站编程语言。同时运营方面,新闻及图片类站(hao123这类),fb营销(必须懂英语才能玩),还有robots协议。还有就是如果本身就是网络推广相关专业,对着方面知识肯定有所了解。如果对互联网不了解,多问,没办法,又回到了刚才说的,没有基础,需要一定程度的功底和判断力。 查看全部

  网站内容编辑器(网站内容编辑器,优势在于不需要多少代码基础?)
  网站内容编辑器,优势在于不需要多少代码基础,只要会用就可以做站长。不像dreamweaver等网站编辑器一样,一些有基础的人做个一两年后,也就忘得差不多了。没有基础的同学,如果你是学网站构建技术或者架构设计,现在开始,可以尝试找一些牛的网站编辑器来学习。当然,作为新手小白,你更推荐从最基础入手,认真看一遍教程,写一点demo的小网站。
  看完之后,你就明白大概的需要一些什么程度的功底了。再说说这个软件,它的特点是可以精确控制标题,描述,关键词,网址等等。你可以尝试用dreamweaver等网站编辑器做一些属于自己的网站。当然,它最大的优势还是出了网站能够直接嵌入谷歌adsense广告主关键词,seo相关词。有一定的价值。欢迎关注我和我的专栏:网站运营技巧。每周更新,一起学习进步!。
  从实践出发,寻找网站有特色的地方(比如最近比较火的内容图片及新闻视频),加上,或者让服务员把网站卖给你,主要是要学一些网站编程语言。同时运营方面,新闻及图片类站(hao123这类),fb营销(必须懂英语才能玩),还有robots协议。还有就是如果本身就是网络推广相关专业,对着方面知识肯定有所了解。如果对互联网不了解,多问,没办法,又回到了刚才说的,没有基础,需要一定程度的功底和判断力。

WEB编辑器哪家强

网站优化优采云 发表了文章 • 0 个评论 • 66 次浏览 • 2022-05-06 18:30 • 来自相关话题

  WEB编辑器哪家强
  
  作为一名coder,像VS Code这样的代码编辑器自然是必不可少的,你还可以使用类似CodeSandbox这样的online编辑器开发demo程序。编辑器更多是作为工具方便我们进行日常的代码开发工作,倘若将编辑器视作产品的一部分为其提供可扩展的能力,我们该如何应对。答案是:web编辑器,现在热门的可视化页面搭建系统便是一个典型的案例。
  今天要介绍的是三款开源的主流web编辑器:
  Ace
  CodeMirror
  Monaco Editor
  前世今生
  Ace是来自 Cloud9 Editor的一个独立的代码编辑器,它的前身是Bespin和后来的Skywriter。这两者最开始走的路线不一样,Bespin基于canvas,Ace基于DOM。Ace发布于2010年,之后Skywriter团队将Skywriter的插件系统和可扩展性融合到了Ace中,便形成了现在的Ace编辑器。现在,和Mozilla都在积极的开发和维护Ace。
  CodeMirror的第一版于2007年发布,该版本基于浏览器的contentEditable属性实现。2010年发布的Ace采用了新的技术并证明即使是使用javascript操作数以千行的DOM也不存在性能问题,这驱使了CodeMirror的重构并发布了第二个版本,弃用了之前的contentEditable,性能得到了很大提升。如今,CodeMirror即将发布最新的重构版本6。
  Monaco Editor算是后起之秀,随着2015年VS Code的发布而诞生,它与VS Code使用同样的核心代码。
  快速开始
  这里以不引入任何框架的,纯粹的html+css+js形式展示三类编辑器的使用。
  Ace
  官方示例
  <br /><br /><br /> <br /> <br /> Editor<br /> <br /> body {<br /> overflow: hidden;<br /> }<br /><br /> #editor {<br /> margin: 0;<br /> position: absolute;<br /> top: 0;<br /> bottom: 0;<br /> left: 0;<br /> right: 0;<br /> }<br /> <br /><br /><br /><br />function foo(items) {<br /> var i;<br /> for (i = 0; i &lt; items.length; i++) {<br /> alert("Ace Rocks " + items[i]);<br /> }<br />}
  复制代码
  这里承载编辑器内容的html标签是pre,实际开发中并不常见,可以替换成div。
  注意ace的引用方式。ace-builds repository是ace的最新发布包,直接将src* 子目录拷贝到项目中即可使用,发布包总共有四个版本。
  当然我们也可以自行打包,从github仓库拉取源码,执行下面的脚本。
  npm install<br />node ./Makefile.dryice.js<br />复制代码
  于是就得到了完整的版本,即上述四个版本中的第一个,还可以通过脚本选项生成另外三个版本或是指定输出目录。
  CodeMirror
  直接下载zip文件并拷贝到项目中即可使用。
  <br /><br /> <br /> <br /> <br /> <br /> Document<br /> <br /> <br /> <br /> <br /> .CodeMirror {<br /> border: 1px solid black;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> // 方式1<br /> var ele = document.getElementById("editor");<br /> var editor = CodeMirror.fromTextArea(ele, {<br /> lineNumbers: true,<br /> mode: "javascript"<br /> });<br /> editor.setValue("var a = 'hello world';")<br /> // 方式2<br /> var editor2 = CodeMirror(document.getElementById("editor2"), {<br /> lineNumbers: true,<br /> value: "console.log('hello world');",<br /> mode: "javascript"<br /> })<br /> <br /> <br /><br />复制代码
  这里有两种方式创建编辑器,fromTextArea的方式具有一些额外的特性。详情戳这里
  Monaco Editor
  通过npm安装
  npm install monaco-editor<br />复制代码
  安装完成后生成三个版本。
  另外还有一个min版本的source maps文件夹和一个编辑器api描述文件monaco.d.ts
  AMD版本的官方示例
  <br /><br /> <br /> browser-amd-editor<br /> <br /> <br /> <br /> Monaco Editor Sample<br /> <br /><br /> <br /> <br /> <br /> require.config({ paths: { vs: "../node_modules/monaco-editor/min/vs" } });<br /><br /> require(["vs/editor/editor.main"], function () {<br /> var editor = monaco.editor.create(<br /> document.getElementById("container"),<br /> {<br /> value: [<br /> "function x() {",<br /> '\tconsole.log("Hello world!");',<br /> "}",<br /> ].join("\n"),<br /> language: "javascript",<br /> }<br /> );<br /> });<br /> <br /> <br /><br />复制代码
  实际项目基本都是基于前端框架开发,下面就以Vue为例介绍三类编辑器的使用。
  在Vue项目中的使用Ace
  npm install ace-builds<br />复制代码
  import ace from "ace-builds"<br />复制代码
  实际使用过程中我们一般都会指定代码的语言类型,还有可能修改编辑器的默认样式。这样的话,我们还需要引入相关的语言类型文件和主题文件。
  import "ace-builds/src-noconflict/mode-javascript.js"<br />import "ace-builds/src-noconflict/theme-tomorrow.js"<br />复制代码
  但是,如果我们想动态切换语言类型或是主题,是不是应该把对应的js文件全部引入呢?Ace为我们提供了更简洁的方法。
  import "ace-builds/webpack-resolver"<br />复制代码
  这样就完成了语言类型和主题的动态加载,前提是项目基于webpack构建的。
  设置主题
  myEditor.setTheme("ace/theme/tomorrow")<br />复制代码
  设置语言类型
  // 一个editor可能存在多个session<br />myEditor.session.setMode("ace/mode/javascript")<br />myEditor.setMode("ace/mode/javascript")<br />复制代码
  设置/获取值
  myEditor.setValue("the new text here")<br />myEditor.session.setValue("the new text here")<br />myEditor.getValue() // or session.getValue<br />复制代码
  设置tab大小
  myEditor.session.setTabSize(4)<br />复制代码
  是否只读
  myEditor.setReadOnly(true) // false可编辑<br />复制代码
  当我们要设置多个属性值时,除了单独调用每个api,还可以使用下面这种方式。
  myEditor.setOptions({<br /> mode: "ace/mode/javascript",<br /> theme: "ace/theme/tomorrow",<br /> value: "hello world"<br />})<br />复制代码
  有了这些常用的api,编辑器基本成型了。可以参考官网或是源码ace.d.ts查看全部的接口。
  Ace自带语法检查功能,目前支持JavaScript, JSON, PHP, CoffeeScript, CSS, XQuery,XML,HTML。
  效果如下:
  
  除了语法检查,还可以设置代码提示和自动补全。只需要引入语言构建扩展,并设置相关属性即可。
  import "ace-builds/src-noconflict/ext-language_tools"<br /><br />myEditor.setOptions({<br /> enableBasicAutocompletion: true,<br /> enableSnippets: true,<br /> enableLiveAutocompletion: true,<br />});<br />复制代码
  效果如下:
  
  图中的提示及补全片段都可以在源码中找到,我们可以按照源码中的语法添加自定义的提示及补全片段信息。
  CodeMirror
  npm install codemirror<br />复制代码
  import CodeMirror from "codemirror/lib/codemirror.js"<br />import "codemirror/lib/codemirror.css"<br />复制代码
  同样,对于主题和语言类型也需要引入相应的文件。
  import "codemirror/theme/material.css"<br />import "codemirror/mode/javascript/javascript.js"<br />复制代码
  设置属性
  myEditor.setOption("mode", "text/javascript")<br />myEditor.setOption("value", "hello world")<br />复制代码
  设置/获取值
  myEditor.getValue()<br />myEditor.setValue("hello world")<br />复制代码
  CodeMirror默认是没有语法检查功能的,需要利用插件addon进行扩展。
  import "codemirror/addon/lint/lint.css"<br />import "codemirror/addon/lint/lint.js"<br />import "codemirror/addon/lint/javascript-lint.js"<br />this.editor = CodeMirror.fromTextArea(this.$refs.editor, {<br /> mode: "text/javascript",<br /> gutters: ["CodeMirror-lint-markers"],<br /> lint: true<br />})<br />复制代码
  另外还需要引入语言对应的检查工具,可以在项目的index.html中引入。
  <br />复制代码
  效果如下。
  
  代码提示和智能补全,需要引入相关插件,设置属性并绑定快捷键触发。
  import "codemirror/addon/hint/show-hint.js"<br />import "codemirror/addon/hint/show-hint.css"<br />import "codemirror/addon/hint/javascript-hint.js"<br />myEditor = CodeMirror.fromTextArea(this.$refs.editor, {<br /> mode: "text/javascript",<br /> extraKeys: { "Ctrl-Enter": "autocomplete", "Cmd-Enter": "autocomplete" }<br />})<br />CodeMirror.commands.autocomplete = function (cm) {<br /> cm.showHint({ hint: CodeMirror.hint.javascript });<br />}<br />复制代码
  这里分别定义了windows和mac系统下触发代码提示和智能补全的组合键,Ctrl+Enter Cmd+Enter。效果如下。
  
  CodeMirror支持diff模式,需要引入的插件及实现如下。
  import "codemirror/addon/merge/merge.css"<br />import "codemirror/addon/merge/merge.js"<br /><br />const orig1 = `import Vue from 'vue'<br />import App from './App.vue'\n<br /><br />Vue.config.productionTip = false<br /><br />new Vue({<br /> render: h => h(App),<br />}).$mount('#app')`;<br /><br />const orig2 = `import Vue from "vue";<br />import Vuex from "vuex";<br />import App from "./App.vue";<br />import ElementUI from "element-ui";<br />import "element-ui/lib/theme-chalk/index.css";<br /><br />Vue.config.productionTip = false;<br /><br />Vue.use(ElementUI);<br />Vue.use(Vuex);<br /><br />const store = new Vuex.Store({<br /> state: {<br /> tabName: "",<br /> },<br /> mutations: {<br /> changeTab(state, tabName) {<br /> state.tabName = tabName;<br /> },<br /> },<br />});<br /><br />new Vue({<br /> render: (h) => h(App),<br /> store: store,<br />}).$mount("#app");`;<br /><br />myDiffEditor = CodeMirror.MergeView(<br /> document.getElementById("view"),<br /> {<br /> value: orig1,<br /> origLeft: null,<br /> orig: orig2,<br /> lineNumbers: true,<br /> mode: "text/javascript",<br /> highlightDifferences: true,<br /> connect: true,<br /> collapseIdentical: false<br /> }<br />);<br />复制代码
  diff功能需要依赖diff-match-patch开源库来计算差异。
  <br />复制代码
  最终效果如下。
  
  Monaco Editor
  npm install monaco-editor<br />复制代码
  此外,还需要安装配套的webpack插件。
  npm install monaco-editor-webpack-plugin<br />复制代码
  在vue.config.js中添加插件。
  const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');<br /><br />module.exports = {<br /> configureWebpack: {<br /> plugins: [<br /> new MonacoWebpackPlugin()<br /> ]<br /> }<br />}<br />复制代码
  import * as monaco from "monaco-editor"<br />复制代码
  设置语言类型
  const model = myEditor.getModel()<br />monaco.editor.setModelLanuage(model, "javascript")<br />复制代码
  设置主题
  monaco editor自带三种主题,默认的"vs"及"vs-dark"、"hc-black"。
  monaco.editor.setTheme("vs-dark")<br />复制代码
  设置属性
  例如,readOnly(是否只读)、renderLineHighlight(高亮行)、lineNumbers(是否显示行号)、fontSize(字体大小)等。
  myEditor.updateOptions({<br /> [name]: value // name表示属性名称,value为对应的属性值<br />})<br />复制代码
  这里仅列举了部分属性,完整的请参考官网或是源码monaco.d.ts。官网还提供了丰富的示例。
  monaco editor默认支持TypeScript, JavaScript, CSS, LESS, SCSS, JSON, HTML的语法校验及智能提示补全功能。效果如下。
  
  和桌面端的vscode没有任何区别。
  再看diff模式。
  const originalModel = monaco.editor.createModel(<br /> `import Vue from 'vue'<br />import App from './App.vue'\n<br /><br />Vue.config.productionTip = false<br /><br />new Vue({<br /> render: h => h(App),<br />}).$mount('#app')`,<br /> "javascript"<br /> );<br /> <br />const modifiedModel = monaco.editor.createModel(<br /> `import Vue from "vue";<br />import Vuex from "vuex";<br />import App from "./App.vue";<br />import ElementUI from "element-ui";<br />import "element-ui/lib/theme-chalk/index.css";<br /><br />Vue.config.productionTip = false;<br /><br />Vue.use(ElementUI);<br />Vue.use(Vuex);<br /><br />const store = new Vuex.Store({<br /> state: {<br /> tabName: "",<br /> },<br /> mutations: {<br /> changeTab(state, tabName) {<br /> state.tabName = tabName;<br /> },<br /> },<br />});<br /><br />new Vue({<br /> render: (h) => h(App),<br /> store: store,<br />}).$mount("#app");`,<br /> "javascript"<br /> );<br /> <br />myDiffEditor = monaco.editor.createDiffEditor(<br /> document.getElementById("monaco-editor")<br />);<br />myDiffEditor.setModel({<br /> original: originalModel,<br /> modified: modifiedModel,<br />});<br />复制代码
  效果如下。
  
  总结
  Ace,CodeMirror,Monaco Editor这三类编辑器的基本功能几乎相差无几,部分api高度相似,同样都具备部分语言的语法校验和代码智能提示及补全功能,只不过在实现方式上有所区别。自定义主题和语言,三者也都支持,实际项目遇到的可能性较小,文中没有介绍。Ace和CodeMirror的diff模式都依赖第三方开源库,而Monaco Editor自带diff功能。Monaco Editor与vscode同根同源,对于日常的vscode使用者,monaco editor相比之下无疑更加亲切,UI更加美观。CodeMirror重构之后的新版本同样值得期待。如果项目需要用到TypeScript,Ace和Monaco Editor可能是更好的选择。 查看全部

  WEB编辑器哪家强
  
  作为一名coder,像VS Code这样的代码编辑器自然是必不可少的,你还可以使用类似CodeSandbox这样的online编辑器开发demo程序。编辑器更多是作为工具方便我们进行日常的代码开发工作,倘若将编辑器视作产品的一部分为其提供可扩展的能力,我们该如何应对。答案是:web编辑器,现在热门的可视化页面搭建系统便是一个典型的案例。
  今天要介绍的是三款开源的主流web编辑器:
  Ace
  CodeMirror
  Monaco Editor
  前世今生
  Ace是来自 Cloud9 Editor的一个独立的代码编辑器,它的前身是Bespin和后来的Skywriter。这两者最开始走的路线不一样,Bespin基于canvas,Ace基于DOM。Ace发布于2010年,之后Skywriter团队将Skywriter的插件系统和可扩展性融合到了Ace中,便形成了现在的Ace编辑器。现在,和Mozilla都在积极的开发和维护Ace。
  CodeMirror的第一版于2007年发布,该版本基于浏览器的contentEditable属性实现。2010年发布的Ace采用了新的技术并证明即使是使用javascript操作数以千行的DOM也不存在性能问题,这驱使了CodeMirror的重构并发布了第二个版本,弃用了之前的contentEditable,性能得到了很大提升。如今,CodeMirror即将发布最新的重构版本6。
  Monaco Editor算是后起之秀,随着2015年VS Code的发布而诞生,它与VS Code使用同样的核心代码。
  快速开始
  这里以不引入任何框架的,纯粹的html+css+js形式展示三类编辑器的使用。
  Ace
  官方示例
  <br /><br /><br /> <br /> <br /> Editor<br /> <br /> body {<br /> overflow: hidden;<br /> }<br /><br /> #editor {<br /> margin: 0;<br /> position: absolute;<br /> top: 0;<br /> bottom: 0;<br /> left: 0;<br /> right: 0;<br /> }<br /> <br /><br /><br /><br />function foo(items) {<br /> var i;<br /> for (i = 0; i &lt; items.length; i++) {<br /> alert("Ace Rocks " + items[i]);<br /> }<br />}
  复制代码
  这里承载编辑器内容的html标签是pre,实际开发中并不常见,可以替换成div。
  注意ace的引用方式。ace-builds repository是ace的最新发布包,直接将src* 子目录拷贝到项目中即可使用,发布包总共有四个版本。
  当然我们也可以自行打包,从github仓库拉取源码,执行下面的脚本。
  npm install<br />node ./Makefile.dryice.js<br />复制代码
  于是就得到了完整的版本,即上述四个版本中的第一个,还可以通过脚本选项生成另外三个版本或是指定输出目录。
  CodeMirror
  直接下载zip文件并拷贝到项目中即可使用。
  <br /><br /> <br /> <br /> <br /> <br /> Document<br /> <br /> <br /> <br /> <br /> .CodeMirror {<br /> border: 1px solid black;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> // 方式1<br /> var ele = document.getElementById("editor");<br /> var editor = CodeMirror.fromTextArea(ele, {<br /> lineNumbers: true,<br /> mode: "javascript"<br /> });<br /> editor.setValue("var a = 'hello world';")<br /> // 方式2<br /> var editor2 = CodeMirror(document.getElementById("editor2"), {<br /> lineNumbers: true,<br /> value: "console.log('hello world');",<br /> mode: "javascript"<br /> })<br /> <br /> <br /><br />复制代码
  这里有两种方式创建编辑器,fromTextArea的方式具有一些额外的特性。详情戳这里
  Monaco Editor
  通过npm安装
  npm install monaco-editor<br />复制代码
  安装完成后生成三个版本。
  另外还有一个min版本的source maps文件夹和一个编辑器api描述文件monaco.d.ts
  AMD版本的官方示例
  <br /><br /> <br /> browser-amd-editor<br /> <br /> <br /> <br /> Monaco Editor Sample<br /> <br /><br /> <br /> <br /> <br /> require.config({ paths: { vs: "../node_modules/monaco-editor/min/vs" } });<br /><br /> require(["vs/editor/editor.main"], function () {<br /> var editor = monaco.editor.create(<br /> document.getElementById("container"),<br /> {<br /> value: [<br /> "function x() {",<br /> '\tconsole.log("Hello world!");',<br /> "}",<br /> ].join("\n"),<br /> language: "javascript",<br /> }<br /> );<br /> });<br /> <br /> <br /><br />复制代码
  实际项目基本都是基于前端框架开发,下面就以Vue为例介绍三类编辑器的使用。
  在Vue项目中的使用Ace
  npm install ace-builds<br />复制代码
  import ace from "ace-builds"<br />复制代码
  实际使用过程中我们一般都会指定代码的语言类型,还有可能修改编辑器的默认样式。这样的话,我们还需要引入相关的语言类型文件和主题文件。
  import "ace-builds/src-noconflict/mode-javascript.js"<br />import "ace-builds/src-noconflict/theme-tomorrow.js"<br />复制代码
  但是,如果我们想动态切换语言类型或是主题,是不是应该把对应的js文件全部引入呢?Ace为我们提供了更简洁的方法。
  import "ace-builds/webpack-resolver"<br />复制代码
  这样就完成了语言类型和主题的动态加载,前提是项目基于webpack构建的。
  设置主题
  myEditor.setTheme("ace/theme/tomorrow")<br />复制代码
  设置语言类型
  // 一个editor可能存在多个session<br />myEditor.session.setMode("ace/mode/javascript")<br />myEditor.setMode("ace/mode/javascript")<br />复制代码
  设置/获取值
  myEditor.setValue("the new text here")<br />myEditor.session.setValue("the new text here")<br />myEditor.getValue() // or session.getValue<br />复制代码
  设置tab大小
  myEditor.session.setTabSize(4)<br />复制代码
  是否只读
  myEditor.setReadOnly(true) // false可编辑<br />复制代码
  当我们要设置多个属性值时,除了单独调用每个api,还可以使用下面这种方式。
  myEditor.setOptions({<br /> mode: "ace/mode/javascript",<br /> theme: "ace/theme/tomorrow",<br /> value: "hello world"<br />})<br />复制代码
  有了这些常用的api,编辑器基本成型了。可以参考官网或是源码ace.d.ts查看全部的接口。
  Ace自带语法检查功能,目前支持JavaScript, JSON, PHP, CoffeeScript, CSS, XQuery,XML,HTML。
  效果如下:
  
  除了语法检查,还可以设置代码提示和自动补全。只需要引入语言构建扩展,并设置相关属性即可。
  import "ace-builds/src-noconflict/ext-language_tools"<br /><br />myEditor.setOptions({<br /> enableBasicAutocompletion: true,<br /> enableSnippets: true,<br /> enableLiveAutocompletion: true,<br />});<br />复制代码
  效果如下:
  
  图中的提示及补全片段都可以在源码中找到,我们可以按照源码中的语法添加自定义的提示及补全片段信息。
  CodeMirror
  npm install codemirror<br />复制代码
  import CodeMirror from "codemirror/lib/codemirror.js"<br />import "codemirror/lib/codemirror.css"<br />复制代码
  同样,对于主题和语言类型也需要引入相应的文件。
  import "codemirror/theme/material.css"<br />import "codemirror/mode/javascript/javascript.js"<br />复制代码
  设置属性
  myEditor.setOption("mode", "text/javascript")<br />myEditor.setOption("value", "hello world")<br />复制代码
  设置/获取值
  myEditor.getValue()<br />myEditor.setValue("hello world")<br />复制代码
  CodeMirror默认是没有语法检查功能的,需要利用插件addon进行扩展。
  import "codemirror/addon/lint/lint.css"<br />import "codemirror/addon/lint/lint.js"<br />import "codemirror/addon/lint/javascript-lint.js"<br />this.editor = CodeMirror.fromTextArea(this.$refs.editor, {<br /> mode: "text/javascript",<br /> gutters: ["CodeMirror-lint-markers"],<br /> lint: true<br />})<br />复制代码
  另外还需要引入语言对应的检查工具,可以在项目的index.html中引入。
  <br />复制代码
  效果如下。
  
  代码提示和智能补全,需要引入相关插件,设置属性并绑定快捷键触发。
  import "codemirror/addon/hint/show-hint.js"<br />import "codemirror/addon/hint/show-hint.css"<br />import "codemirror/addon/hint/javascript-hint.js"<br />myEditor = CodeMirror.fromTextArea(this.$refs.editor, {<br /> mode: "text/javascript",<br /> extraKeys: { "Ctrl-Enter": "autocomplete", "Cmd-Enter": "autocomplete" }<br />})<br />CodeMirror.commands.autocomplete = function (cm) {<br /> cm.showHint({ hint: CodeMirror.hint.javascript });<br />}<br />复制代码
  这里分别定义了windows和mac系统下触发代码提示和智能补全的组合键,Ctrl+Enter Cmd+Enter。效果如下。
  
  CodeMirror支持diff模式,需要引入的插件及实现如下。
  import "codemirror/addon/merge/merge.css"<br />import "codemirror/addon/merge/merge.js"<br /><br />const orig1 = `import Vue from 'vue'<br />import App from './App.vue'\n<br /><br />Vue.config.productionTip = false<br /><br />new Vue({<br /> render: h => h(App),<br />}).$mount('#app')`;<br /><br />const orig2 = `import Vue from "vue";<br />import Vuex from "vuex";<br />import App from "./App.vue";<br />import ElementUI from "element-ui";<br />import "element-ui/lib/theme-chalk/index.css";<br /><br />Vue.config.productionTip = false;<br /><br />Vue.use(ElementUI);<br />Vue.use(Vuex);<br /><br />const store = new Vuex.Store({<br /> state: {<br /> tabName: "",<br /> },<br /> mutations: {<br /> changeTab(state, tabName) {<br /> state.tabName = tabName;<br /> },<br /> },<br />});<br /><br />new Vue({<br /> render: (h) => h(App),<br /> store: store,<br />}).$mount("#app");`;<br /><br />myDiffEditor = CodeMirror.MergeView(<br /> document.getElementById("view"),<br /> {<br /> value: orig1,<br /> origLeft: null,<br /> orig: orig2,<br /> lineNumbers: true,<br /> mode: "text/javascript",<br /> highlightDifferences: true,<br /> connect: true,<br /> collapseIdentical: false<br /> }<br />);<br />复制代码
  diff功能需要依赖diff-match-patch开源库来计算差异。
  <br />复制代码
  最终效果如下。
  
  Monaco Editor
  npm install monaco-editor<br />复制代码
  此外,还需要安装配套的webpack插件。
  npm install monaco-editor-webpack-plugin<br />复制代码
  在vue.config.js中添加插件。
  const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');<br /><br />module.exports = {<br /> configureWebpack: {<br /> plugins: [<br /> new MonacoWebpackPlugin()<br /> ]<br /> }<br />}<br />复制代码
  import * as monaco from "monaco-editor"<br />复制代码
  设置语言类型
  const model = myEditor.getModel()<br />monaco.editor.setModelLanuage(model, "javascript")<br />复制代码
  设置主题
  monaco editor自带三种主题,默认的"vs"及"vs-dark"、"hc-black"。
  monaco.editor.setTheme("vs-dark")<br />复制代码
  设置属性
  例如,readOnly(是否只读)、renderLineHighlight(高亮行)、lineNumbers(是否显示行号)、fontSize(字体大小)等。
  myEditor.updateOptions({<br /> [name]: value // name表示属性名称,value为对应的属性值<br />})<br />复制代码
  这里仅列举了部分属性,完整的请参考官网或是源码monaco.d.ts。官网还提供了丰富的示例。
  monaco editor默认支持TypeScript, JavaScript, CSS, LESS, SCSS, JSON, HTML的语法校验及智能提示补全功能。效果如下。
  
  和桌面端的vscode没有任何区别。
  再看diff模式。
  const originalModel = monaco.editor.createModel(<br /> `import Vue from 'vue'<br />import App from './App.vue'\n<br /><br />Vue.config.productionTip = false<br /><br />new Vue({<br /> render: h => h(App),<br />}).$mount('#app')`,<br /> "javascript"<br /> );<br /> <br />const modifiedModel = monaco.editor.createModel(<br /> `import Vue from "vue";<br />import Vuex from "vuex";<br />import App from "./App.vue";<br />import ElementUI from "element-ui";<br />import "element-ui/lib/theme-chalk/index.css";<br /><br />Vue.config.productionTip = false;<br /><br />Vue.use(ElementUI);<br />Vue.use(Vuex);<br /><br />const store = new Vuex.Store({<br /> state: {<br /> tabName: "",<br /> },<br /> mutations: {<br /> changeTab(state, tabName) {<br /> state.tabName = tabName;<br /> },<br /> },<br />});<br /><br />new Vue({<br /> render: (h) => h(App),<br /> store: store,<br />}).$mount("#app");`,<br /> "javascript"<br /> );<br /> <br />myDiffEditor = monaco.editor.createDiffEditor(<br /> document.getElementById("monaco-editor")<br />);<br />myDiffEditor.setModel({<br /> original: originalModel,<br /> modified: modifiedModel,<br />});<br />复制代码
  效果如下。
  
  总结
  Ace,CodeMirror,Monaco Editor这三类编辑器的基本功能几乎相差无几,部分api高度相似,同样都具备部分语言的语法校验和代码智能提示及补全功能,只不过在实现方式上有所区别。自定义主题和语言,三者也都支持,实际项目遇到的可能性较小,文中没有介绍。Ace和CodeMirror的diff模式都依赖第三方开源库,而Monaco Editor自带diff功能。Monaco Editor与vscode同根同源,对于日常的vscode使用者,monaco editor相比之下无疑更加亲切,UI更加美观。CodeMirror重构之后的新版本同样值得期待。如果项目需要用到TypeScript,Ace和Monaco Editor可能是更好的选择。

几款非常优秀且常用的代码编辑器

网站优化优采云 发表了文章 • 0 个评论 • 77 次浏览 • 2022-05-06 18:29 • 来自相关话题

  几款非常优秀且常用的代码编辑器
  对于软件开发人员,代码编辑器直接影响代码编辑的效率。现在做软件开发,大多使用集成开发环境,且自带编辑器,但IDE自带编辑器多少都存在一些不足。今天给大家分享几款优秀并且大家常用的编辑器。
  一、VS Code
  网址:
  
  VS Code 绝大部分软件工程师都在使用,目前最新版本V1.42现已发布。
  Visual Studio Code是一个轻量级但功能强大的源代码编辑器,可用于Windows,macOS和Linux。
  特点:
  二、Source Insight
  网址:
  
  Source Insight可以说是嵌入式工程师必备的一个工具,它是一个面向项目开发的程序编辑器和代码浏览器,它拥有内置的对C/C++, C#和Java等程序的分析。能分析源代码并在工作的同时动态维护它自己的符号数据库,并自动显示有用的上下文信息。
  source insight是一个优秀工具,付费是它的一点不足。
  三、Vim
  网址:
  
  Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性。
  其功能包括:
  四、UltraEdit
  网址:
  
  UltraEdit 是一套功能强大的文本编辑器,也是以前很多工程师必备的一套编辑器。
  UltraEdit可以编辑文本、十六进制、ASCII 码,完全可以取代记事本(如果电脑配置足够强大),内建英文单字检查、C++ 及 VB 指令突显,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢。
  特点:
  五、Atom
  网址:
  
  Atom 是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。
  特点:
  六、Sublime Text
  网址:
  
  Sublime Text 是一个文本编辑器,同时也是一个先进的代码编辑器。
  常见编辑功能:
  最后说明:除了IDE自带编辑器,大家有时间可以上网了解一些常用的编辑器,说不定有你喜欢的。这些都是经典的编辑器,教程很多,上手容易,不妨抽空了解一下。
  ‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧END‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧推荐阅读: 查看全部

  几款非常优秀且常用的代码编辑器
  对于软件开发人员,代码编辑器直接影响代码编辑的效率。现在做软件开发,大多使用集成开发环境,且自带编辑器,但IDE自带编辑器多少都存在一些不足。今天给大家分享几款优秀并且大家常用的编辑器。
  一、VS Code
  网址:
  
  VS Code 绝大部分软件工程师都在使用,目前最新版本V1.42现已发布。
  Visual Studio Code是一个轻量级但功能强大的源代码编辑器,可用于Windows,macOS和Linux。
  特点:
  二、Source Insight
  网址:
  
  Source Insight可以说是嵌入式工程师必备的一个工具,它是一个面向项目开发的程序编辑器和代码浏览器,它拥有内置的对C/C++, C#和Java等程序的分析。能分析源代码并在工作的同时动态维护它自己的符号数据库,并自动显示有用的上下文信息。
  source insight是一个优秀工具,付费是它的一点不足。
  三、Vim
  网址:
  
  Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性。
  其功能包括:
  四、UltraEdit
  网址:
  
  UltraEdit 是一套功能强大的文本编辑器,也是以前很多工程师必备的一套编辑器。
  UltraEdit可以编辑文本、十六进制、ASCII 码,完全可以取代记事本(如果电脑配置足够强大),内建英文单字检查、C++ 及 VB 指令突显,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢。
  特点:
  五、Atom
  网址:
  
  Atom 是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。
  特点:
  六、Sublime Text
  网址:
  
  Sublime Text 是一个文本编辑器,同时也是一个先进的代码编辑器。
  常见编辑功能:
  最后说明:除了IDE自带编辑器,大家有时间可以上网了解一些常用的编辑器,说不定有你喜欢的。这些都是经典的编辑器,教程很多,上手容易,不妨抽空了解一下。
  ‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧END‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧推荐阅读:

网站内容编辑器的使用技巧有哪些?怎么做?

网站优化优采云 发表了文章 • 0 个评论 • 58 次浏览 • 2022-05-04 19:01 • 来自相关话题

  网站内容编辑器的使用技巧有哪些?怎么做?
  网站内容编辑器分类很多,你可以根据自己的需求去发掘,其实对于编辑器还是很多的,建议你去多了解这个行业,才能找到一个适合自己的工具。
  做内容编辑,首先需要了解编辑器的使用技巧。如果你是不懂编辑器的使用,你建议先自己了解下。一般内容编辑器的功能有:内容编辑器,素材编辑器,表单编辑器,图片编辑器,一键生成。这些功能看起来很简单,但真正的使用,确实需要思考才可以实现,因为这些功能是为了实现内容编辑更高效,更易用。因此建议先去知乎上搜索了解下内容编辑的一些基本知识。
  内容编辑器的快捷操作,怎么做标题,怎么排版,如何配图等。然后,我感觉知乎推荐的比较多的还是zaker(长微博)的编辑器,就是一键生成长微博,复制内容,就可以制作表单,然后填写在素材库中。对于不懂这个技术的同学,需要花点时间去了解怎么做。
  谢邀,现在好多编辑器都有编辑框,如booouce,后来还有了抠图等功能,可以考虑试试下面这个小程序,有很多发布功能,也不用下载app,
  topas
  推荐一个站内搜索,方便发现和筛选内容。
  【简书】那里有编辑器可以下载,随便看看推荐了很多编辑器,适合制作图文的话,还是先学会使用photoshop和ai,不然内容质量再好也会把人逼疯。手机和电脑也有。但是电脑上的一些功能也会相对方便。 查看全部

  网站内容编辑器的使用技巧有哪些?怎么做?
  网站内容编辑器分类很多,你可以根据自己的需求去发掘,其实对于编辑器还是很多的,建议你去多了解这个行业,才能找到一个适合自己的工具。
  做内容编辑,首先需要了解编辑器的使用技巧。如果你是不懂编辑器的使用,你建议先自己了解下。一般内容编辑器的功能有:内容编辑器,素材编辑器,表单编辑器,图片编辑器,一键生成。这些功能看起来很简单,但真正的使用,确实需要思考才可以实现,因为这些功能是为了实现内容编辑更高效,更易用。因此建议先去知乎上搜索了解下内容编辑的一些基本知识。
  内容编辑器的快捷操作,怎么做标题,怎么排版,如何配图等。然后,我感觉知乎推荐的比较多的还是zaker(长微博)的编辑器,就是一键生成长微博,复制内容,就可以制作表单,然后填写在素材库中。对于不懂这个技术的同学,需要花点时间去了解怎么做。
  谢邀,现在好多编辑器都有编辑框,如booouce,后来还有了抠图等功能,可以考虑试试下面这个小程序,有很多发布功能,也不用下载app,
  topas
  推荐一个站内搜索,方便发现和筛选内容。
  【简书】那里有编辑器可以下载,随便看看推荐了很多编辑器,适合制作图文的话,还是先学会使用photoshop和ai,不然内容质量再好也会把人逼疯。手机和电脑也有。但是电脑上的一些功能也会相对方便。

网页在线版已支持本地磁盘存储

网站优化优采云 发表了文章 • 0 个评论 • 63 次浏览 • 2022-05-04 02:50 • 来自相关话题

  网页在线版已支持本地磁盘存储
  目前,在线版使用Chromium内核的浏览器已支持文档本地磁盘存储,如果浏览器支持磁盘存储,添加仓库时将出现“磁盘(本地)”选择项,这类浏览器包括Chrome、Edge及360等浏览器。如果你有使用网页在线版编辑器,并想把文档存储在本地的话,强烈建议存储在磁盘。因为存储在浏览器本地数据库,内容会因为清除浏览器缓存等操作可能造成内容丢失。
  
  在线版新增磁盘(本地)存储
  另外,目前在线版添加仓库时,不强制添加图床仓库了,软件版在下个版本中更新。
  有写作者反馈能不能支持下PicGo,可以方便添加腾讯云等更多的图床。我有尝试添加支持,最后发现PicGo的Server不支持跨域访问,这样在网页在线版中就不能使用PicGo了,后续看能不能联系到PicGo作者,反馈下能不能让PicGo支持下跨域访问。暂时先搁置PicGo了。
  下次更新,将支持Gitlab、Codingnet之类的Git仓库存储。 查看全部

  网页在线版已支持本地磁盘存储
  目前,在线版使用Chromium内核的浏览器已支持文档本地磁盘存储,如果浏览器支持磁盘存储,添加仓库时将出现“磁盘(本地)”选择项,这类浏览器包括Chrome、Edge及360等浏览器。如果你有使用网页在线版编辑器,并想把文档存储在本地的话,强烈建议存储在磁盘。因为存储在浏览器本地数据库,内容会因为清除浏览器缓存等操作可能造成内容丢失。
  
  在线版新增磁盘(本地)存储
  另外,目前在线版添加仓库时,不强制添加图床仓库了,软件版在下个版本中更新。
  有写作者反馈能不能支持下PicGo,可以方便添加腾讯云等更多的图床。我有尝试添加支持,最后发现PicGo的Server不支持跨域访问,这样在网页在线版中就不能使用PicGo了,后续看能不能联系到PicGo作者,反馈下能不能让PicGo支持下跨域访问。暂时先搁置PicGo了。
  下次更新,将支持Gitlab、Codingnet之类的Git仓库存储。

解决百度编辑器与伪静态之间的冲突

网站优化优采云 发表了文章 • 0 个评论 • 56 次浏览 • 2022-05-04 02:48 • 来自相关话题

  解决百度编辑器与伪静态之间的冲突
  近日,笔者将网站从Linux服务器迁移到了一台新的虚拟服务器中,系统为Windows Server2019,WEB服务器为IIS10,支持,因为网站是用php开发的,所以服务器也配置了支持php,网站代码中采用了百度编辑器UEditor作为文本编辑器,但在调试过程中发现,原来在Nginx中运行正常的UEditor在新环境下却无法上传图片及文件,没有任何错误提示,上传窗口内只有一片空白。
  
  图1 发生错误的上传窗口
  登录服务器,检查UEditor各种配置均正常,于是建立了一个临时站点,专门运行UEditor,测试上传功能,结果正常,说明代码及配置都没有问题。再进入网站打开一片空白的上传窗口,按F12,启动浏览器的调试模式发现上传图片的窗体文件域名/ueditor/dialogs/image/image.html报404错误,这个文件就是上传窗口文件,访问不到即显示为空白。直接从浏览器地址栏输入这个地址,依然是404错误,说明没有找到此文件,但经核实这个文件确实存在,而把域名换成刚才临时站点的地址,能正常打开,为什么存在的文件却访问不到,而新建立的站点还能正常找到呢?为什么在Linux的Nginx中正常,而Windows中的IIS10中就不正常了呢?只能说明这个网站的配置一定有问题,于是进入网站目录,打开了配置文件web.config,发现了以下一段配置:
  这是为了安全,我为网站设置了伪静态即URL重写,也就是把*.php伪静态成了*.html,当客户端访问.html时,服务器实际上给返回对应的*.php的内容,那么问题就应该在这里!IIS10与Nginx的URL重写规则即伪静态规则不太相同,IIS10把.html地址重写为了.php但会忽略真实存在的.html文件,而原来Linux系统中的Nginx虽然也设置了URL重写,但Nginx会优先寻找.html文件,如果不存在.html文件再按重写规则访问.php文件。
  问题找到了,应该怎么解决这个冲突呢?有两种方式:
  一、直接改文件扩展名:
  把ueditor/dialogs/image目录中的image.html直接改名为image.php,另外上传附件功能的ueditor/dialogs/attachment目录中的attachment.html直接改名为attachment.php,上传视频功能的ueditor/dialogs/video目录中的attachment.html直接改名为video.php,其他依次类推。
  二、修改伪静态规则:
  修改web.config文件,在原规则之前加入以下规则:
  
  图2 修改web.config文件中的重写规则
  即对ueditor目录包括其所有子目录.html页面的访问都不执行URL重写。
  
  能训练孩子逻辑思维能力的在线成语辞典
  微信小程序中搜索:易得优成语,或直接扫码进入。 查看全部

  解决百度编辑器与伪静态之间的冲突
  近日,笔者将网站从Linux服务器迁移到了一台新的虚拟服务器中,系统为Windows Server2019,WEB服务器为IIS10,支持,因为网站是用php开发的,所以服务器也配置了支持php,网站代码中采用了百度编辑器UEditor作为文本编辑器,但在调试过程中发现,原来在Nginx中运行正常的UEditor在新环境下却无法上传图片及文件,没有任何错误提示,上传窗口内只有一片空白。
  
  图1 发生错误的上传窗口
  登录服务器,检查UEditor各种配置均正常,于是建立了一个临时站点,专门运行UEditor,测试上传功能,结果正常,说明代码及配置都没有问题。再进入网站打开一片空白的上传窗口,按F12,启动浏览器的调试模式发现上传图片的窗体文件域名/ueditor/dialogs/image/image.html报404错误,这个文件就是上传窗口文件,访问不到即显示为空白。直接从浏览器地址栏输入这个地址,依然是404错误,说明没有找到此文件,但经核实这个文件确实存在,而把域名换成刚才临时站点的地址,能正常打开,为什么存在的文件却访问不到,而新建立的站点还能正常找到呢?为什么在Linux的Nginx中正常,而Windows中的IIS10中就不正常了呢?只能说明这个网站的配置一定有问题,于是进入网站目录,打开了配置文件web.config,发现了以下一段配置:
  这是为了安全,我为网站设置了伪静态即URL重写,也就是把*.php伪静态成了*.html,当客户端访问.html时,服务器实际上给返回对应的*.php的内容,那么问题就应该在这里!IIS10与Nginx的URL重写规则即伪静态规则不太相同,IIS10把.html地址重写为了.php但会忽略真实存在的.html文件,而原来Linux系统中的Nginx虽然也设置了URL重写,但Nginx会优先寻找.html文件,如果不存在.html文件再按重写规则访问.php文件。
  问题找到了,应该怎么解决这个冲突呢?有两种方式:
  一、直接改文件扩展名:
  把ueditor/dialogs/image目录中的image.html直接改名为image.php,另外上传附件功能的ueditor/dialogs/attachment目录中的attachment.html直接改名为attachment.php,上传视频功能的ueditor/dialogs/video目录中的attachment.html直接改名为video.php,其他依次类推。
  二、修改伪静态规则:
  修改web.config文件,在原规则之前加入以下规则:
  
  图2 修改web.config文件中的重写规则
  即对ueditor目录包括其所有子目录.html页面的访问都不执行URL重写。
  
  能训练孩子逻辑思维能力的在线成语辞典
  微信小程序中搜索:易得优成语,或直接扫码进入。

UE5正式版发布,你做好开发伟大游戏的准备了吗?

网站优化优采云 发表了文章 • 0 个评论 • 138 次浏览 • 2022-05-03 11:33 • 来自相关话题

  UE5正式版发布,你做好开发伟大游戏的准备了吗?
  
  自从UE4发布已经过去了8年的时间,4月5日晚,Epic官方通过直播形式发布了最新一代的虚幻引擎5(下称“UE5”)正式版并称已开放下载。
  回顾整个直播,EpicGames先是通过一段颇为震撼的宣传片开场,向开发者展现了UE5的两大核心技术:一是Nanite(虚拟化微多边形几何体系统),二是Lumen(实时动态全局光照),应用了这两项技术的影片,呈现出了电影级的高品质画面效果。
  
  使用UE5开发的游戏宣传画面
  除了“秀肌肉”的部分,正式版UE5重新设计了虚幻引擎编辑器界面,使其拥有更加简洁、现代的外观,便于开发者专注于开发工作。与此同时,UE5还构建了能在编辑器中直接使用的动画和建模工具。
  
  EpicGames在演讲中除了对UE5强大的新功能进行了介绍,还发布了两个可免费下载的示例项目,以便开发者能够迅速了解新引擎。
  第一个示例项目展示了《黑客帝国觉醒》中城市场景的构建过程,并将整座城市作为示例内容发布,为开发者提供一个起点,帮助用户打造出属于自己的世界。
  
  另一个示例项目是初学者游戏包——多人对战射击游戏“Lyra”,该项目内置了模块化组建,可在PC、主机、移动端运行。开发者既可以从中了解UE5 的特性,还能直接基于“Lyra”添加新内容制作出属于自己的游戏。
  
  此外,拥有海量影视、游戏资源库的工具制造商Quixel(已被Epic收购),也开始将包括Megascans library在内的资源整合至UE5中,且完全兼容Nanite渲染功能。
  为了让创作者能轻松获得想要的素材,UE5还带来了能让开发者自定义资产的AR扫描技术“RealityScan”,它能将AR中完成扫描的资产在云端自动处理所有数据,然后将成品资产直接发布到SketchFab,开发者可根据自己的需要随时创建并分享自定义的照片级内容,并且完全免费。
  
  而随着UE5的发布,新的创作者社区(/community)也因此诞生,该网站将整合不同的社区渠道和工具,用户能够在此找到在线学习内容、论坛、问答板块和代码片段等资源。
  
  并且,只需要一个简单易用的教学编辑器,任何人都可以编写教程提交至内容库,建立自己的页面。网站中还设立了代码库,方便开发者分享和保存代码段,与其他开发者之间分享自己的知识。
  
  在直播演讲的最后,官方还公布了部分目前已经与UE5合作的厂商,其中包括:游戏科学、完美世界、祖龙娱乐等国内游戏开发商。目前《巫师》和《古墓丽影》的新作都已确认将采用UE5引擎开发。
  
  随着UE5的到来,开发者将能更方便更快捷地开发次世代游戏,将会给创作者提供“高拟真”的游戏开发能力,进一步缩小虚拟世界与真实世界的鸿沟。
  
  合作请联系
  <strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgb(78, 119, 213)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-style="outline: 0px; max-width: 100%; color: rgb(32, 64, 136); font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; word-wrap: break-word !important; visibility: visible;" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgb(78, 119, 213)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-bgcolor-16478632430374="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16478632430374="#fff|rgb(255, 255, 255)" data-darkmode-color-16478632430374="rgb(78, 119, 213)" data-darkmode-original-color-16478632430374="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-color-16480347369221="rgb(78, 119, 213)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-color-16481190450367="rgb(78, 119, 213)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" style="outline: 0px;color: rgb(32, 64, 136);font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;visibility: visible;">商务合作/投融资对接(微信)<br data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16478632430374="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16478632430374="#fff|rgb(255, 255, 255)" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;" /></strong></strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;visibility: visible;">西瓜:18659030320</strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;">刘威:18948723460</strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;">文静:mutou_kiki</strong></strong></strong></strong></strong>
  <strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;"></strong></strong></strong></strong></strong> 查看全部

  UE5正式版发布,你做好开发伟大游戏的准备了吗?
  
  自从UE4发布已经过去了8年的时间,4月5日晚,Epic官方通过直播形式发布了最新一代的虚幻引擎5(下称“UE5”)正式版并称已开放下载。
  回顾整个直播,EpicGames先是通过一段颇为震撼的宣传片开场,向开发者展现了UE5的两大核心技术:一是Nanite(虚拟化微多边形几何体系统),二是Lumen(实时动态全局光照),应用了这两项技术的影片,呈现出了电影级的高品质画面效果。
  
  使用UE5开发的游戏宣传画面
  除了“秀肌肉”的部分,正式版UE5重新设计了虚幻引擎编辑器界面,使其拥有更加简洁、现代的外观,便于开发者专注于开发工作。与此同时,UE5还构建了能在编辑器中直接使用的动画和建模工具。
  
  EpicGames在演讲中除了对UE5强大的新功能进行了介绍,还发布了两个可免费下载的示例项目,以便开发者能够迅速了解新引擎。
  第一个示例项目展示了《黑客帝国觉醒》中城市场景的构建过程,并将整座城市作为示例内容发布,为开发者提供一个起点,帮助用户打造出属于自己的世界。
  
  另一个示例项目是初学者游戏包——多人对战射击游戏“Lyra”,该项目内置了模块化组建,可在PC、主机、移动端运行。开发者既可以从中了解UE5 的特性,还能直接基于“Lyra”添加新内容制作出属于自己的游戏。
  
  此外,拥有海量影视、游戏资源库的工具制造商Quixel(已被Epic收购),也开始将包括Megascans library在内的资源整合至UE5中,且完全兼容Nanite渲染功能。
  为了让创作者能轻松获得想要的素材,UE5还带来了能让开发者自定义资产的AR扫描技术“RealityScan”,它能将AR中完成扫描的资产在云端自动处理所有数据,然后将成品资产直接发布到SketchFab,开发者可根据自己的需要随时创建并分享自定义的照片级内容,并且完全免费。
  
  而随着UE5的发布,新的创作者社区(/community)也因此诞生,该网站将整合不同的社区渠道和工具,用户能够在此找到在线学习内容、论坛、问答板块和代码片段等资源。
  
  并且,只需要一个简单易用的教学编辑器,任何人都可以编写教程提交至内容库,建立自己的页面。网站中还设立了代码库,方便开发者分享和保存代码段,与其他开发者之间分享自己的知识。
  
  在直播演讲的最后,官方还公布了部分目前已经与UE5合作的厂商,其中包括:游戏科学、完美世界、祖龙娱乐等国内游戏开发商。目前《巫师》和《古墓丽影》的新作都已确认将采用UE5引擎开发。
  
  随着UE5的到来,开发者将能更方便更快捷地开发次世代游戏,将会给创作者提供“高拟真”的游戏开发能力,进一步缩小虚拟世界与真实世界的鸿沟。
  
  合作请联系
  <strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgb(78, 119, 213)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-style="outline: 0px; max-width: 100%; color: rgb(32, 64, 136); font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; word-wrap: break-word !important; visibility: visible;" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgb(78, 119, 213)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-bgcolor-16478632430374="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16478632430374="#fff|rgb(255, 255, 255)" data-darkmode-color-16478632430374="rgb(78, 119, 213)" data-darkmode-original-color-16478632430374="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-color-16480347369221="rgb(78, 119, 213)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" data-darkmode-color-16481190450367="rgb(78, 119, 213)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)|rgb(32, 64, 136)" style="outline: 0px;color: rgb(32, 64, 136);font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;visibility: visible;">商务合作/融资对接(微信)<br data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16478632430374="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16478632430374="#fff|rgb(255, 255, 255)" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;" /></strong></strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;visibility: visible;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;visibility: visible;">西瓜:18659030320</strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;">刘威:18948723460</strong></strong></strong></strong></strong><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;">文静:mutou_kiki</strong></strong></strong></strong></strong>
  <strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; font-size: 15px; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;font-size: 15px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;"><strong data-darkmode-bgcolor-16199576562167="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16199576562167="#fff|rgb(255, 255, 255)" data-darkmode-color-16199576562167="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16199576562167="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16200487252536="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16200487252536="#fff|rgb(255, 255, 255)" data-darkmode-color-16200487252536="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16200487252536="#fff|rgba(0, 0, 0, 0.8)" data-darkmode-bgcolor-16432933890388="rgb(25, 25, 25)" data-darkmode-original-bgcolor-16432933890388="#fff|rgb(255, 255, 255)" data-darkmode-color-16432933890388="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16432933890388="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-style="outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.8); text-indent: 0em; white-space: normal; box-sizing: border-box !important; word-wrap: break-word !important;" data-darkmode-color-16478632430374="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16478632430374="#fff|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)|rgb(42, 127, 209)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16480347369221="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16480347369221="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" data-darkmode-color-16481190450367="rgba(163, 163, 163, 0.8)" data-darkmode-original-color-16481190450367="#fff|rgb(34, 34, 34)|rgba(0, 0, 0, 0.8)" style="outline: 0px;text-indent: 0em;white-space: normal;"></strong></strong></strong></strong></strong>

专为微信准备的开源Markdown编辑器

网站优化优采云 发表了文章 • 0 个评论 • 102 次浏览 • 2022-05-02 14:00 • 来自相关话题

  专为微信准备的开源Markdown编辑器
  大家好,我是TJ
  关注TJ君,回复“武功秘籍”免费获取计算机宝典书籍
  TJ君将之前发过的各种项目及工具进行了整理,收录到了GitHub项目,欢迎各位小伙伴光临Star,地址如下:
  想着很久没跟大家分享和Markdown有关的内容,今天TJ君就来和大家一起来分享一个开源的适用微信的Markdown编辑器
  项目呢基于wechat-format进行二次开发,主要特点在于可以将Markdown文档自动渲染为微信图文,减少用户在微信文章排版方面的花费精力。
  只好你写好内容,就能看到你的文章样式简洁而又美观大方。
  目前项目已经实现的功能特性有:
  可以支持GitHub、阿里云、腾讯云、七牛云、MinIO等多个网站的图床,不过不同网站需要配置的参数不尽相同罢了。
  
  当然,小伙伴也可以使用自定义上传图床,在工具上没有提供预定义图床的情况下,你只需要自定义上传逻辑即可,一般来说有些公共图床不方便用的时候,就非常适合自己来啦。
  使用自定义上传也不麻烦,只需要在给定的函数中更改上传代码即可
  例如:
  const { file, util, okCb, errCb } = CUSTOM_ARG;<br />const param = new FormData();<br />param.append("file", file);<br />util.axios<br />  .post("http://127.0.0.1:9000/upload", param, {<br />    headers: { "Content-Type": "multipart/form-data" },<br />  })<br />  .then((res) => {<br />    okCb(res.url);<br />  })<br />  .catch((err) => {<br />    errCb(err);<br />  });<br /><br />// 提供的可用参数:<br />// CUSTOM_ARG = {<br />//   content, // 待上传图片的 base64<br />//   file, // 待上传图片的 file 对象<br />//   util: {<br />//     axios, // axios 实例<br />//     CryptoJS, // 加密库<br />//     OSS, // ali-oss<br />//     COS, // cos-js-sdk-v5<br />//     Buffer, // buffer-from<br />//     uuidv4, // uuid<br />//     qiniu, // qiniu-js<br />//     tokenTools, // 一些编码转换函数<br />//     getDir, // 获取 年/月/日 形式的目录<br />//     getDateFilename, // 根据文件名获取它以 时间戳+uuid 的形式<br />//   },<br />//   okCb: resolve, // 重要!上传成功后给此回调传 url 即可<br />//   errCb: reject, // 上传失败调用的函数<br />// }<br /><br />
  项目的开发部署及搭建也是比较方便的:
  开发部署:
  # 安装依赖<br />npm i<br /><br /># 启动开发模式<br />npm start<br /><br /># 部署在 /md 目录<br />npm run build<br /># 访问 http://127.0.0.1:9000/md<br /><br /># 部署在根目录<br />npm run build:h5-netlify<br /># 访问 http://127.0.0.1:9000/<br /><br />
  搭建:
  # 安装<br />npm i -g @doocs/md-cli<br /><br /># 启动<br />md-cli<br /><br /># 访问<br />open http://127.0.0.1:8800/md/<br /><br /># 启动并指定端口<br />md-cli port=8899<br /><br /># 访问<br />open http://127.0.0.1:8899/md/<br />
  md-cli 支持以下命令行参数:
  当然想试一下的小伙伴也可以试试在线地址:
  
  项目地址及在线地址都在这里哦: 查看全部

  专为微信准备的开源Markdown编辑器
  大家好,我是TJ
  关注TJ君,回复“武功秘籍”免费获取计算机宝典书籍
  TJ君将之前发过的各种项目及工具进行了整理,收录到了GitHub项目,欢迎各位小伙伴光临Star,地址如下:
  想着很久没跟大家分享和Markdown有关的内容,今天TJ君就来和大家一起来分享一个开源的适用微信的Markdown编辑器
  项目呢基于wechat-format进行二次开发,主要特点在于可以将Markdown文档自动渲染为微信图文,减少用户在微信文章排版方面的花费精力。
  只好你写好内容,就能看到你的文章样式简洁而又美观大方。
  目前项目已经实现的功能特性有:
  可以支持GitHub、阿里云、腾讯云、七牛云、MinIO等多个网站的图床,不过不同网站需要配置的参数不尽相同罢了。
  
  当然,小伙伴也可以使用自定义上传图床,在工具上没有提供预定义图床的情况下,你只需要自定义上传逻辑即可,一般来说有些公共图床不方便用的时候,就非常适合自己来啦。
  使用自定义上传也不麻烦,只需要在给定的函数中更改上传代码即可
  例如:
  const { file, util, okCb, errCb } = CUSTOM_ARG;<br />const param = new FormData();<br />param.append("file", file);<br />util.axios<br />  .post("http://127.0.0.1:9000/upload", param, {<br />    headers: { "Content-Type": "multipart/form-data" },<br />  })<br />  .then((res) => {<br />    okCb(res.url);<br />  })<br />  .catch((err) => {<br />    errCb(err);<br />  });<br /><br />// 提供的可用参数:<br />// CUSTOM_ARG = {<br />//   content, // 待上传图片的 base64<br />//   file, // 待上传图片的 file 对象<br />//   util: {<br />//     axios, // axios 实例<br />//     CryptoJS, // 加密库<br />//     OSS, // ali-oss<br />//     COS, // cos-js-sdk-v5<br />//     Buffer, // buffer-from<br />//     uuidv4, // uuid<br />//     qiniu, // qiniu-js<br />//     tokenTools, // 一些编码转换函数<br />//     getDir, // 获取 年/月/日 形式的目录<br />//     getDateFilename, // 根据文件名获取它以 时间戳+uuid 的形式<br />//   },<br />//   okCb: resolve, // 重要!上传成功后给此回调传 url 即可<br />//   errCb: reject, // 上传失败调用的函数<br />// }<br /><br />
  项目的开发部署及搭建也是比较方便的:
  开发部署:
  # 安装依赖<br />npm i<br /><br /># 启动开发模式<br />npm start<br /><br /># 部署在 /md 目录<br />npm run build<br /># 访问 http://127.0.0.1:9000/md<br /><br /># 部署在根目录<br />npm run build:h5-netlify<br /># 访问 http://127.0.0.1:9000/<br /><br />
  搭建:
  # 安装<br />npm i -g @doocs/md-cli<br /><br /># 启动<br />md-cli<br /><br /># 访问<br />open http://127.0.0.1:8800/md/<br /><br /># 启动并指定端口<br />md-cli port=8899<br /><br /># 访问<br />open http://127.0.0.1:8899/md/<br />
  md-cli 支持以下命令行参数:
  当然想试一下的小伙伴也可以试试在线地址:
  
  项目地址及在线地址都在这里哦:

硬核技能!1天上手着陆页设计

网站优化优采云 发表了文章 • 0 个评论 • 65 次浏览 • 2022-05-02 13:59 • 来自相关话题

  硬核技能!1天上手着陆页设计
  分类页
  文章类
  P型 persuative说服性:landing page
  获取页
  销售页
  着陆页(landing page)与首页(index)的区别是什么?
  1、概念上:
  着陆页(landing page):着陆页,用户点击搜索推广、信息流或其他形式的广告打开的第一个页面。着陆页可以是网站上的一个页面,也可以是公众平台里的一篇文章。
  首页(index):一般为网站打开默认的页面,通常放在根目录,index的英文含义是索引。通常认为网站首页是全站内容的索引和导航,便于用户快速了解网站内容和主题,并进入相关页面。
  2、应用上
  首页:一般情况下网站都会有一个索引页(index)作为首页。
  着陆页:严格的说跟网站没有关系。
  着陆页概念的存在依赖于一次广告活动行为,假设你做了一个网页,为某次广告投放做准备,这个网页就是着陆页,没有广告活动,这个网页就是一个网页。不存在“着陆”的概念。
  着陆页的经典结构
  目前市面上的着陆页都包含了8大组件(价值定位、行动呼唤、产品特征、信用背书、用户评价、风险承诺、常见问题、终极呼唤。
  
  接下来我们开始一步一步制作着陆页了,以工具【上线了#/】为例。
  1.百度搜网站名称“上线了”进入网站——2.点击创建网站——3.选择你需要的模板——4.开始创作
  
  
  一、价值定位——标题和副标题
  价值定位就是标题,标题要在显著位置包含价值定位+行动呼唤
  标题的功能:吸引+引导用户。
  一个好的标题是使副标题行到阅读。
  一个好的副标题是使第一个句子获得阅读,如此,遍及整封信的内容,直到采取行动。
  标题写作的法则
  DM公式:时间+结果+保证
  比如减肥广告,15天立减10斤,无效全额退款。
  落差公式:痛点问题+解决方式
  比如,你负责运营的是关于一个无人机的产品:是不是总觉得操作起来比较困难?那这台无人机只需一键操控,让起飞更简单!
  人性法则:人性的八个弱点
  比如:
  好奇:当世界名画变成了GIF图,画面太美我不敢看
  恐惧:史上最严地产调控,一场残酷的全球金融大战
  痛苦:为什么你看了那么多书,依然过不好一生?
  骄傲:不用香水的女人没有前途
  懒惰:到底有什么用?5分钟快速了解引力波
  愤怒:是时候给“港独”分子一次彻底的教训了
  贪婪:4.9元如何淘到智利进口车厘子
  色欲:这11种让人爽的方式,90%的人都没试过。
  二、行动呼唤——可以是获取用户信息的表单/微信链接
  
  
  表单可以去【麦克表单】制作,这个是我写的简单的一个
  
  着陆页的行动呼唤旨在告诉用户他们应该做什么、怎么做、什么时候做。
  如何构建行动呼唤
  一、四个方向:点击/获取/推荐/购买
  二、创建CTA
  1.巨大:离屏幕距离为一指+一个手臂的距离还能清晰看到;
  2.具体:内容需要足够具体(比如,写注册和下载是需要写清楚下载什么,注册成为什么)
  三、产品特征
  产品特征这一part就是你的产品是什么,能给用户带来什么样的好处,在这一部分多采用AB型文案的方式。
  A+B(吸引注意的事实+用户感知的利益)
  例如:多才多能,让你不想放手;又轻又薄,让你不觉在手;充电两分钟,通话2小时。
  
  四、信用背书
  媒体+红人
  媒体:媒体报道的title,图标,报道链接等(不要单纯放链接,要把媒体的图标放上,再把链接嵌入)
  红人:放上红人/牛人头像 、网站链接、说过的话等
  
  五、用户评价
  如果你是做在线教育的就是学员评价,做设计的就是合作企业的评价,总之是你的客户
  用户评价写法
  1.正向评价:尽量收集多样角色的评价
  2.反向评价:反转的运用,先抑后扬
  
  六、风险承诺
  风险承诺想传达给用户售后无忧的信息(风险在我,而不在你),让客户安心购买,假一赔十,7天无理由退款,不满意无条件全额退款这些都是常见套路。
  
  七、常见问题
  常见问题的设置是有技巧的,这里小编把最实用的3个技巧和你分享:(1)按频排序:把用户问的频率最多的问题放在第一个,以此类推 (2)三点原则:尽量把最重要的三个问题放在你的着陆页上 (3)链接跳转:可以把用户容易问的更多问题做一个跳转链接引导到单独的常见问题页面
  
  八、终级呼唤
  终极呼唤承担转换的功能,所以终极呼唤要比前面的行动呼唤(CTA)更直接、更赤裸、更直白。
  
  设置基本资料
  这一块根据提示,给网站拟定标题,选择公司类别,网站的基本描述,搜索关键词,以及图标等。
  
  着陆页原型图的类别
  创建过程中可能会漏掉什么元素,这就需要我们打个草稿,可以通过线条、图形等设计元素组合描绘出的产品框架图。工具如下:
  对于着陆页(落地页)的设计来说,因为它不像一整套APP的设计那么复杂。因
  此,如果你需要制作着陆页的原型图,最快速、最推荐的办法就是:手绘。
  无论是一个网页着陆页,还是一个海报着陆页,你可以拿出一张A4张+铅笔,
  过最直接的方式构思整体的页面布局和文案。
  
  其他如墨刀等工具可以自行在网上或者他们公众号获取使用教程。
  添加GA监测代码
  如果你想要把百度统计等自定义代码的添加至上线了网站,请确保你已购买付费版本(目前试用版也不支持添加自定义代码),但是如果你使用免费版本,你可以使用 Google Analytics 来监测你的上线了网站
  如何在上线了网站中添加Google Analytics统计代码?
  上线了的网站都提供专业的数据分析及展示。如果你的访客主要来自海外,并且需要了解更多更详细的网站访问数据分析,我们推荐使用 Google Analytics 谷歌分析工具。
  请注意:由于国内政策的原因,从国内访问添加了Google Analytics的网站,如果访客的电脑或者手机没有设置VPN,其访问数据可能会被屏蔽掉,导致Google Analytics无法追踪,出现数据不精确的现象。
  这是 Google 提供的一款免费且强大的数据分析工具,让网站管理员了解到网站的每次访问以及每次的点击,包括新旧访客的对比,流量的来源,访问的时间分析等,十分的详细。
  使用方法:
  创建一个 Google 统计的账户。
  登录“管理”-“媒体资源”-“跟踪信息”-“跟踪代码”。
  复制“跟踪 ID”下面的代码(例如“UA-XXXXXXX-X”)。
  
  登录上线了网站编辑器,进入【设置】-【显示高级选项】-【服务与验证】,把Google Analytics的跟踪ID粘贴进“Google Analytics追踪器”里面,更新并重新上线网站,即可生效!
  
  如何在上线了网站中添加百度统计代码?
  上线了的网站都提供专业的数据分析及展示。如果你的访客主要来自国内,并且你希望了解更多更详细的网站访问数据,我们推荐使用百度统计站长版来获取网站的数据分析。
  百度统计是百度推出的一款稳定、免费、专业、安全的数据统计、分析工具。能够为web系统管理者提供权威、准确、实时的流量质量和访客行为分析,助力日常指标监控,为系统优化、提升投资回报率等目标提供指导。
  具体步骤:
  首先来到百度统计网站,点击【注册】,然后选择百度统计站长版。
  
  来到以下页面,输入账户信息和网站信息,进行注册。
  
  完成注册后,就会跳转到网站的统计代码处,如下图,然后复制代码。或者你可以根据百度文档【如何获取百度统计代码】一文来获取这个统计代码。
  
  复制代码后,来到网站编辑器,点击【设置】→【选择高级选项】→【自定义代码】→【页眉/页脚代码】,将代码放置到【页眉代码】处。
  
  检测代码是否安装正确。
  如果要检测代码是否安装正确,请在网站编辑器里先点击【上线】,这样百度统计才能检测到这段代码。然后来到百度统计的页面,点击【管理】→【代码管理】→【代码安装检查】,点击【代码安装检查】。
  
  点击【代码安装检查】之后,百度统计就会开始检测。如果安装正确,就会看到提示【页面代码安装状态:代码安装正确】。如果提示安装不正确或者没有检测到,请按照步骤3和4检查你的操作,然后重复第5步。
  
  根据百度的安装说明,代码安装后20分钟才能查看到网站数据。请耐心等候一段时间,然后再点击【报告】查看网站的数据分析。
  
  更多内容,可点击查看 上线了最新官方文档。
  到这里我们的着陆页就顺利搭建完了,你get到了吗?
  特别提醒
  着陆页的8个经典结构可以根据公司或者产品特点调整,不是全都需要包含可以包含几个。
  着陆页不是单指网页,朋友圈、微信群的海报、引导报名的文章啊,这些都是着陆页的主要形式。
  好了,小伙伴们,如果感觉对你有用,就点赞收藏吧。做是最好的学,萌新小白也可以上手制作着陆页哦!!
   查看全部

  硬核技能!1天上手着陆页设计
  分类页
  文章类
  P型 persuative说服性:landing page
  获取页
  销售页
  着陆页(landing page)与首页(index)的区别是什么?
  1、概念上:
  着陆页(landing page):着陆页,用户点击搜索推广、信息流或其他形式的广告打开的第一个页面。着陆页可以是网站上的一个页面,也可以是公众平台里的一篇文章。
  首页(index):一般为网站打开默认的页面,通常放在根目录,index的英文含义是索引。通常认为网站首页是全站内容的索引和导航,便于用户快速了解网站内容和主题,并进入相关页面。
  2、应用上
  首页:一般情况下网站都会有一个索引页(index)作为首页。
  着陆页:严格的说跟网站没有关系。
  着陆页概念的存在依赖于一次广告活动行为,假设你做了一个网页,为某次广告投放做准备,这个网页就是着陆页,没有广告活动,这个网页就是一个网页。不存在“着陆”的概念。
  着陆页的经典结构
  目前市面上的着陆页都包含了8大组件(价值定位、行动呼唤、产品特征、信用背书、用户评价、风险承诺、常见问题、终极呼唤。
  
  接下来我们开始一步一步制作着陆页了,以工具【上线了#/】为例。
  1.百度搜网站名称“上线了”进入网站——2.点击创建网站——3.选择你需要的模板——4.开始创作
  
  
  一、价值定位——标题和副标题
  价值定位就是标题,标题要在显著位置包含价值定位+行动呼唤
  标题的功能:吸引+引导用户。
  一个好的标题是使副标题行到阅读。
  一个好的副标题是使第一个句子获得阅读,如此,遍及整封信的内容,直到采取行动。
  标题写作的法则
  DM公式:时间+结果+保证
  比如减肥广告,15天立减10斤,无效全额退款。
  落差公式:痛点问题+解决方式
  比如,你负责运营的是关于一个无人机的产品:是不是总觉得操作起来比较困难?那这台无人机只需一键操控,让起飞更简单!
  人性法则:人性的八个弱点
  比如:
  好奇:当世界名画变成了GIF图,画面太美我不敢看
  恐惧:史上最严地产调控,一场残酷的全球金融大战
  痛苦:为什么你看了那么多书,依然过不好一生?
  骄傲:不用香水的女人没有前途
  懒惰:到底有什么用?5分钟快速了解引力波
  愤怒:是时候给“港独”分子一次彻底的教训了
  贪婪:4.9元如何淘到智利进口车厘子
  色欲:这11种让人爽的方式,90%的人都没试过。
  二、行动呼唤——可以是获取用户信息的表单/微信链接
  
  
  表单可以去【麦克表单】制作,这个是我写的简单的一个
  
  着陆页的行动呼唤旨在告诉用户他们应该做什么、怎么做、什么时候做。
  如何构建行动呼唤
  一、四个方向:点击/获取/推荐/购买
  二、创建CTA
  1.巨大:离屏幕距离为一指+一个手臂的距离还能清晰看到;
  2.具体:内容需要足够具体(比如,写注册和下载是需要写清楚下载什么,注册成为什么)
  三、产品特征
  产品特征这一part就是你的产品是什么,能给用户带来什么样的好处,在这一部分多采用AB型文案的方式。
  A+B(吸引注意的事实+用户感知的利益)
  例如:多才多能,让你不想放手;又轻又薄,让你不觉在手;充电两分钟,通话2小时。
  
  四、信用背书
  媒体+红人
  媒体:媒体报道的title,图标,报道链接等(不要单纯放链接,要把媒体的图标放上,再把链接嵌入)
  红人:放上红人/牛人头像 、网站链接、说过的话等
  
  五、用户评价
  如果你是做在线教育的就是学员评价,做设计的就是合作企业的评价,总之是你的客户
  用户评价写法
  1.正向评价:尽量收集多样角色的评价
  2.反向评价:反转的运用,先抑后扬
  
  六、风险承诺
  风险承诺想传达给用户售后无忧的信息(风险在我,而不在你),让客户安心购买,假一赔十,7天无理由退款,不满意无条件全额退款这些都是常见套路。
  
  七、常见问题
  常见问题的设置是有技巧的,这里小编把最实用的3个技巧和你分享:(1)按频排序:把用户问的频率最多的问题放在第一个,以此类推 (2)三点原则:尽量把最重要的三个问题放在你的着陆页上 (3)链接跳转:可以把用户容易问的更多问题做一个跳转链接引导到单独的常见问题页面
  
  八、终级呼唤
  终极呼唤承担转换的功能,所以终极呼唤要比前面的行动呼唤(CTA)更直接、更赤裸、更直白。
  
  设置基本资料
  这一块根据提示,给网站拟定标题,选择公司类别,网站的基本描述,搜索关键词,以及图标等。
  
  着陆页原型图的类别
  创建过程中可能会漏掉什么元素,这就需要我们打个草稿,可以通过线条、图形等设计元素组合描绘出的产品框架图。工具如下:
  对于着陆页(落地页)的设计来说,因为它不像一整套APP的设计那么复杂。因
  此,如果你需要制作着陆页的原型图,最快速、最推荐的办法就是:手绘。
  无论是一个网页着陆页,还是一个海报着陆页,你可以拿出一张A4张+铅笔,
  过最直接的方式构思整体的页面布局和文案。
  
  其他如墨刀等工具可以自行在网上或者他们公众号获取使用教程。
  添加GA监测代码
  如果你想要把百度统计等自定义代码的添加至上线了网站,请确保你已购买付费版本(目前试用版也不支持添加自定义代码),但是如果你使用免费版本,你可以使用 Google Analytics 来监测你的上线了网站
  如何在上线了网站中添加Google Analytics统计代码?
  上线了的网站都提供专业的数据分析及展示。如果你的访客主要来自海外,并且需要了解更多更详细的网站访问数据分析,我们推荐使用 Google Analytics 谷歌分析工具。
  请注意:由于国内政策的原因,从国内访问添加了Google Analytics的网站,如果访客的电脑或者手机没有设置VPN,其访问数据可能会被屏蔽掉,导致Google Analytics无法追踪,出现数据不精确的现象。
  这是 Google 提供的一款免费且强大的数据分析工具,让网站管理员了解到网站的每次访问以及每次的点击,包括新旧访客的对比,流量的来源,访问的时间分析等,十分的详细。
  使用方法:
  创建一个 Google 统计的账户。
  登录“管理”-“媒体资源”-“跟踪信息”-“跟踪代码”。
  复制“跟踪 ID”下面的代码(例如“UA-XXXXXXX-X”)。
  
  登录上线了网站编辑器,进入【设置】-【显示高级选项】-【服务与验证】,把Google Analytics的跟踪ID粘贴进“Google Analytics追踪器”里面,更新并重新上线网站,即可生效!
  
  如何在上线了网站中添加百度统计代码?
  上线了的网站都提供专业的数据分析及展示。如果你的访客主要来自国内,并且你希望了解更多更详细的网站访问数据,我们推荐使用百度统计站长版来获取网站的数据分析。
  百度统计是百度推出的一款稳定、免费、专业、安全的数据统计、分析工具。能够为web系统管理者提供权威、准确、实时的流量质量和访客行为分析,助力日常指标监控,为系统优化、提升投资回报率等目标提供指导。
  具体步骤:
  首先来到百度统计网站,点击【注册】,然后选择百度统计站长版。
  
  来到以下页面,输入账户信息和网站信息,进行注册。
  
  完成注册后,就会跳转到网站的统计代码处,如下图,然后复制代码。或者你可以根据百度文档【如何获取百度统计代码】一文来获取这个统计代码。
  
  复制代码后,来到网站编辑器,点击【设置】→【选择高级选项】→【自定义代码】→【页眉/页脚代码】,将代码放置到【页眉代码】处。
  
  检测代码是否安装正确。
  如果要检测代码是否安装正确,请在网站编辑器里先点击【上线】,这样百度统计才能检测到这段代码。然后来到百度统计的页面,点击【管理】→【代码管理】→【代码安装检查】,点击【代码安装检查】。
  
  点击【代码安装检查】之后,百度统计就会开始检测。如果安装正确,就会看到提示【页面代码安装状态:代码安装正确】。如果提示安装不正确或者没有检测到,请按照步骤3和4检查你的操作,然后重复第5步。
  
  根据百度的安装说明,代码安装后20分钟才能查看到网站数据。请耐心等候一段时间,然后再点击【报告】查看网站的数据分析。
  
  更多内容,可点击查看 上线了最新官方文档。
  到这里我们的着陆页就顺利搭建完了,你get到了吗?
  特别提醒
  着陆页的8个经典结构可以根据公司或者产品特点调整,不是全都需要包含可以包含几个。
  着陆页不是单指网页,朋友圈、微信群的海报、引导报名的文章啊,这些都是着陆页的主要形式。
  好了,小伙伴们,如果感觉对你有用,就点赞收藏吧。做是最好的学,萌新小白也可以上手制作着陆页哦!!
  

网站内容编辑器(2018年最好用的五个网页编辑器软件哪个好?PHP中文网)

网站优化优采云 发表了文章 • 0 个评论 • 100 次浏览 • 2022-04-20 18:04 • 来自相关话题

  网站内容编辑器(2018年最好用的五个网页编辑器软件哪个好?PHP中文网)
  对于网站编辑器来说,网页编辑器是经常使用的软件。目前,网页编辑器的种类很多。对于初学者,什么是网页编辑器?事实上,选择一款合适的网页编辑软件会提高我们的效率。所以,今天PHP中文网为大家推荐五款好用的网页编辑软件。
  下载地址:
  Atom 代码编辑器支持 Windows、Mac 和 Linux 桌面平台,完全免费,并且在 GitHub 上有开源代码。第一个PHP社区特地采集了这款优秀的编辑器Atom供下载!经过长时间的迭代开发和不断完善,Atom终于从早期的beta版到了1.0正式版!与之前的版本相比,在性能和稳定性上都有显着提升。
  开发团队称Atom为“21世纪的可配置编辑器”,它的界面非常精致,配置项丰富,加上它提供了Package Control(包管理)功能,人们可以安装和管理各种插件非常容易,让 Atom 成为真正适合他们的开发工具。
  以上是PHP第一社区为大家带来的2018年最好的五款网页编辑软件推荐。可以根据自己的需要在PHP第一社区下载网页编辑器,也可以到PHP第一社区下载。 PHP社区php开发工具专栏:下载其他软件。
  推荐的相关工具:
  1、什么是 HTML 编辑器?推荐的 4 款最佳 HTML 编辑器
  2、哪个是最好的ftp软件? 2018 年推荐的 4 款最佳 FTP 工具
  以上是制作网页需要什么软件?五款好用的网页编辑软件推荐的详细内容,请多关注第一PHP社区其他相关文章! 查看全部

  网站内容编辑器(2018年最好用的五个网页编辑器软件哪个好?PHP中文网)
  对于网站编辑器来说,网页编辑器是经常使用的软件。目前,网页编辑器的种类很多。对于初学者,什么是网页编辑器?事实上,选择一款合适的网页编辑软件会提高我们的效率。所以,今天PHP中文网为大家推荐五款好用的网页编辑软件。
  下载地址:
  Atom 代码编辑器支持 Windows、Mac 和 Linux 桌面平台,完全免费,并且在 GitHub 上有开源代码。第一个PHP社区特地采集了这款优秀的编辑器Atom供下载!经过长时间的迭代开发和不断完善,Atom终于从早期的beta版到了1.0正式版!与之前的版本相比,在性能和稳定性上都有显着提升。
  开发团队称Atom为“21世纪的可配置编辑器”,它的界面非常精致,配置项丰富,加上它提供了Package Control(包管理)功能,人们可以安装和管理各种插件非常容易,让 Atom 成为真正适合他们的开发工具。
  以上是PHP第一社区为大家带来的2018年最好的五款网页编辑软件推荐。可以根据自己的需要在PHP第一社区下载网页编辑器,也可以到PHP第一社区下载。 PHP社区php开发工具专栏:下载其他软件。
  推荐的相关工具:
  1、什么是 HTML 编辑器?推荐的 4 款最佳 HTML 编辑器
  2、哪个是最好的ftp软件? 2018 年推荐的 4 款最佳 FTP 工具
  以上是制作网页需要什么软件?五款好用的网页编辑软件推荐的详细内容,请多关注第一PHP社区其他相关文章!

网站内容编辑器(所见即所得17Kb和26Kb总额只有9Kb18Kb)

网站优化优采云 发表了文章 • 0 个评论 • 87 次浏览 • 2022-04-20 11:04 • 来自相关话题

  网站内容编辑器(所见即所得17Kb和26Kb总额只有9Kb18Kb)
  10 个很棒的 Web 文本编辑器 10 个很棒的免费富文本编辑器,它们将增强您的 网站 的功能。我采集了 5 个 jQuery 和 5 个非 jQuery 实时评估,它们具有简单的功能,具有类似办公室的功能。在线编辑内容时,那些基于 JavaScript 的编辑器对我们帮助很大。这些所见即所得的编辑器为我们提供了类似 Office® 的操作体验。今天,任何 网站 内容管理系统 (cms) 和博客系统都需要这些编辑器之一。本文介绍了 5 个基于 JavaScript? 的编辑器,5 个基于 jQuery 框架的编辑器。MarkitUp – jQuery 官网|Demo markItUp! 它不是一个“功能齐全、杂乱无章”的编辑器。相反,它是一个非常轻量级、可定制且灵活的文本编辑器,可以满足开发需求,在其 cmses、博客、论坛或 &lt; @网站。标记!不是所见即所得的编辑器,它是一个简单而有用的文本编辑器。通过键盘快捷键快速移植和使用支持 Ajax 的动态预览兼容的浏览器:IE7、Safari 3.1、Firefox 2、Firefox 3.IE6 和 Opera 9+原样。许可证:MIT/ GPL 文件:便携,节省资源,只有 6.5Kb.jWYSIWYG – jQuery 官网|Demo jWYSIWYG,这个插件是一个内置的内容编辑器,可以编辑 HTML 内容。
  这是 WYMediator 的替代品,具有方便实用的功能。文件大小小于 17Kb 和 26Kb 总共只有 9Kb 18Kb 代​​码和 7Kb 可移植。GNU General Public License v2小巧轻便,支持Ajax动态预览,兼容主流浏览器轻量级RTE-jQuery官网|Demo这个富文本编辑器尽可能简单轻松地改变我们的基本编辑需求。超轻量级,仅7kb兼容主流浏览器。简单而优雅。GNU 通用公共许可证 HTMLBox– jQuery 官网|演示 HTMLBox,一个跨浏览器、基于 HTML/XHTML 文本的开源 jQuery 库。在 Mozilla Firefox、Inrernet 浏览器、Netscape 和 Safari 浏览器上测试。一体式 HtmlBox 很容易集成到 cms、论坛、留言板、博客中。轻松集成兼容主流浏览器。大小仅为 15kb(最小 11kb)支持 XHTML 输出。支持 Ajax 的动态预览有一个完整的用户手册,它将指导您完成将 HtmlBox 集成到您的应用程序并对其进行自定义的每一步。D 小型富文本编辑器 - jQuery 官网|Demo 一个富文本编辑器,应用了 IFRAME 元素,功能非常全,可以满足我们复杂的文本编辑。
  大小(~18k)!(Portable/Minified JS, Plugins &amp; CSS组合有12k w/o GZIP, HTML可以减少到~3k使用GZIP, 图片(w/o emoticons)小于3k) 兼容主流浏览器 支持所有基本功能 支持插件功能图片上传,通过 AJAX 实现(使用 AjaxFileUpload 插件)。可以调整文本区域。支持 XHTML 1.0 验证和过滤(注意:这是指编辑器的标记,而不是它生成的可能有效也可能无效的内容!)。具有 HTML 修正功能 WYMEditor – jQuery 官网|演示 WYMeditor 是一个基于 Web 的 WYSIWYM(所见即所得)XHTML 编辑器。WYMeditor 的主要概念是留下文档视觉布局的细节,专注于其结构和含义,同时努力为用户提供舒适的文本编辑器 XHTML strict+CSS 兼容,没有字体或文本格式、大小或颜色——它们基于您的 css 样式,无需安装即可轻松集成到您的应用程序中。100% Javascript代码编写-无插件,无延迟支持图片、链接、表格支持CSS有API,支持插件免费开放源码兼容主流浏览器TinyMCE-非jQuery官网| Demo TinyMCE 是一个独立的平台,基于Web Javascript 的HTML WYSIWYG 编辑器,并且是开源的。
  强大的 HTML 文本或其他元素转换功能来编辑实例。易于集成 - 只需几行代码即可自定义 - 主题和插件,阻止无效的功能和属性。兼容主流浏览器——Mozilla、MSIE、FireFox、Opera、Safari 和 Chrome。轻量级 - PHP/.NET/JSP/Coldfusion GZip 压缩器,使 TinyMCE 体积缩小 75%,加载速度更快。与 AJAX 兼容 - 您可以轻松地使用 AJAX 来保存和加载内容!国际化支持 – 使用语言包的多语言支持。开源——在 LGPL 许可下免费,每天有数百万用户帮助测试和改进这个编辑器。fckeditor - 非jQuery 官网|Demo 这个HTML 文本编辑器具有与MS Word 相同的功能。它重量轻,不需要安装。兼容主流浏览器。支持 XHTML 1.0。您可以自定义自己的 CSS 字体格式:类型、大小、颜色、样式、粗体、斜体等。文本格式:对齐、缩进、项目符号列表等支持剪切、粘贴和粘贴为纯文本,从 Word 中撤消和重做粘贴自动检测清理支持插入图片、上传、预览右键下拉菜单支持插件智能拼写检查轻量快速自动检测和个性化浏览器雅虎YUI富文本编辑器-非jQuery官网|Demo The Rich文本编辑器由 Yahoo YUI 开发,可以替换标准的 HTML 文本;支持文本字体选择、粗体、斜体、有序列表、无序列表、链接、拖放图片、工具栏 可通过插件扩展,实现高度个性化。Xinha – 非 jQuery 官方网站|Demo Xinha(读作 Xena, the Warrior Princess)是一个强大的所见即所得 HTML 编辑器组件,支持所有当前的浏览器。它的可配置性和可扩展性使生成具有无限源 URL 的合适内容变得容易: 查看全部

  网站内容编辑器(所见即所得17Kb和26Kb总额只有9Kb18Kb)
  10 个很棒的 Web 文本编辑器 10 个很棒的免费富文本编辑器,它们将增强您的 网站 的功能。我采集了 5 个 jQuery 和 5 个非 jQuery 实时评估,它们具有简单的功能,具有类似办公室的功能。在线编辑内容时,那些基于 JavaScript 的编辑器对我们帮助很大。这些所见即所得的编辑器为我们提供了类似 Office® 的操作体验。今天,任何 网站 内容管理系统 (cms) 和博客系统都需要这些编辑器之一。本文介绍了 5 个基于 JavaScript? 的编辑器,5 个基于 jQuery 框架的编辑器。MarkitUp – jQuery 官网|Demo markItUp! 它不是一个“功能齐全、杂乱无章”的编辑器。相反,它是一个非常轻量级、可定制且灵活的文本编辑器,可以满足开发需求,在其 cmses、博客、论坛或 &lt; @网站。标记!不是所见即所得的编辑器,它是一个简单而有用的文本编辑器。通过键盘快捷键快速移植和使用支持 Ajax 的动态预览兼容的浏览器:IE7、Safari 3.1、Firefox 2、Firefox 3.IE6 和 Opera 9+原样。许可证:MIT/ GPL 文件:便携,节省资源,只有 6.5Kb.jWYSIWYG – jQuery 官网|Demo jWYSIWYG,这个插件是一个内置的内容编辑器,可以编辑 HTML 内容。
  这是 WYMediator 的替代品,具有方便实用的功能。文件大小小于 17Kb 和 26Kb 总共只有 9Kb 18Kb 代​​码和 7Kb 可移植。GNU General Public License v2小巧轻便,支持Ajax动态预览,兼容主流浏览器轻量级RTE-jQuery官网|Demo这个富文本编辑器尽可能简单轻松地改变我们的基本编辑需求。超轻量级,仅7kb兼容主流浏览器。简单而优雅。GNU 通用公共许可证 HTMLBox– jQuery 官网|演示 HTMLBox,一个跨浏览器、基于 HTML/XHTML 文本的开源 jQuery 库。在 Mozilla Firefox、Inrernet 浏览器、Netscape 和 Safari 浏览器上测试。一体式 HtmlBox 很容易集成到 cms、论坛、留言板、博客中。轻松集成兼容主流浏览器。大小仅为 15kb(最小 11kb)支持 XHTML 输出。支持 Ajax 的动态预览有一个完整的用户手册,它将指导您完成将 HtmlBox 集成到您的应用程序并对其进行自定义的每一步。D 小型富文本编辑器 - jQuery 官网|Demo 一个富文本编辑器,应用了 IFRAME 元素,功能非常全,可以满足我们复杂的文本编辑。
  大小(~18k)!(Portable/Minified JS, Plugins &amp; CSS组合有12k w/o GZIP, HTML可以减少到~3k使用GZIP, 图片(w/o emoticons)小于3k) 兼容主流浏览器 支持所有基本功能 支持插件功能图片上传,通过 AJAX 实现(使用 AjaxFileUpload 插件)。可以调整文本区域。支持 XHTML 1.0 验证和过滤(注意:这是指编辑器的标记,而不是它生成的可能有效也可能无效的内容!)。具有 HTML 修正功能 WYMEditor – jQuery 官网|演示 WYMeditor 是一个基于 Web 的 WYSIWYM(所见即所得)XHTML 编辑器。WYMeditor 的主要概念是留下文档视觉布局的细节,专注于其结构和含义,同时努力为用户提供舒适的文本编辑器 XHTML strict+CSS 兼容,没有字体或文本格式、大小或颜色——它们基于您的 css 样式,无需安装即可轻松集成到您的应用程序中。100% Javascript代码编写-无插件,无延迟支持图片、链接、表格支持CSS有API,支持插件免费开放源码兼容主流浏览器TinyMCE-非jQuery官网| Demo TinyMCE 是一个独立的平台,基于Web Javascript 的HTML WYSIWYG 编辑器,并且是开源的。
  强大的 HTML 文本或其他元素转换功能来编辑实例。易于集成 - 只需几行代码即可自定义 - 主题和插件,阻止无效的功能和属性。兼容主流浏览器——Mozilla、MSIE、FireFox、Opera、Safari 和 Chrome。轻量级 - PHP/.NET/JSP/Coldfusion GZip 压缩器,使 TinyMCE 体积缩小 75%,加载速度更快。与 AJAX 兼容 - 您可以轻松地使用 AJAX 来保存和加载内容!国际化支持 – 使用语言包的多语言支持。开源——在 LGPL 许可下免费,每天有数百万用户帮助测试和改进这个编辑器。fckeditor - 非jQuery 官网|Demo 这个HTML 文本编辑器具有与MS Word 相同的功能。它重量轻,不需要安装。兼容主流浏览器。支持 XHTML 1.0。您可以自定义自己的 CSS 字体格式:类型、大小、颜色、样式、粗体、斜体等。文本格式:对齐、缩进、项目符号列表等支持剪切、粘贴和粘贴为纯文本,从 Word 中撤消和重做粘贴自动检测清理支持插入图片、上传、预览右键下拉菜单支持插件智能拼写检查轻量快速自动检测和个性化浏览器雅虎YUI富文本编辑器-非jQuery官网|Demo The Rich文本编辑器由 Yahoo YUI 开发,可以替换标准的 HTML 文本;支持文本字体选择、粗体、斜体、有序列表、无序列表、链接、拖放图片、工具栏 可通过插件扩展,实现高度个性化。Xinha – 非 jQuery 官方网站|Demo Xinha(读作 Xena, the Warrior Princess)是一个强大的所见即所得 HTML 编辑器组件,支持所有当前的浏览器。它的可配置性和可扩展性使生成具有无限源 URL 的合适内容变得容易:

网站内容编辑器(Hf0一点就转-国外网站大全atom.io:免费开源开发者工具)

网站优化优采云 发表了文章 • 0 个评论 • 53 次浏览 • 2022-04-20 07:08 • 来自相关话题

  网站内容编辑器(Hf0一点就转-国外网站大全atom.io:免费开源开发者工具)
  atom.io:免费开源的开发者编辑器工具,是 Github 团队开发的一套在线文本编辑器。它集成了许多插件,方便您高效地完成开发项目。它支持 Win7.Win8.OSX10.8.Linux。hf0 单点传输 - 国外网站百科
  
  hf0 单点传输 - 国外网站百科
  atom.io 集成插件:hf0 单点传输 - 国外网站百科
  1.嵌套在 Google Chrome 中的 FIREBUG 是内部调试的。无论您是调整 Atom 的 CSS 界面,还是添加主要的 HTML 和 JavaScript 功能,它都易于控制和使用。hf0 单点传输 - 国外网站百科
  2.Node.js 支持可以轻松访问文件系统、生成子进程,甚至直接从编辑器启动服务。开发者可以直接从 50000 多个 Node.js 包库中选择自己需要的库,也可以调用 C 或 C++ 库。无缝集成允许开发人员自由匹配 Node.js 和浏览器 API,或者操作文件系统并从单个 JavaScript 函数写入 DOM。hf0 单点传输 - 国外网站百科
  3.全面的模块化设计功能包括一个极简主义的核心和超过 50 个开源包。如果用户不喜欢某些包,他们可以自己更换。Atom 的目标是构建一个易于扩展的系统并模糊用户和开发人员之间的区别。hf0 单点传输 - 国外网站百科
  4.其他综合功能 Atom 预装在现代文本编辑器中,具有开发人员可能期望/需要的一些功能,例如: 文件系统浏览器。用于快速打开文件的模糊搜索器。在项目中快速搜索和替换。各种光标选项。多个窗格。代码段。代码折叠。干净和个性化的用户界面。导入 Textmate 语法和主题。最新版下载】hf0 一点转-国外网站大全
  目前Atom编辑器进行了全新改版,增加了更多新功能,完美支持中文,没有任何代码等问题。Atom 内部安装套件。设置主题功能,用户可以根据需要在套件库中找到合适的选项。然后将设置的主题数据库安装到您自己的 Atom 中以增强编辑功能。Atom 将预装 15 个常用套件,让编辑器无需下载额外功能即可立即上手。编辑代码。hf0 单点传输 - 国外网站百科
  此外,Atom 具有树状文件浏览功能,可以轻松打开或切换文件,当然也可以打开特定项目。同一窗口中的多个项目和快速切换文件。用户还可以将 Atom 媒体切换到多个面板来编辑或比较代码。hf0 单点传输 - 国外网站百科 查看全部

  网站内容编辑器(Hf0一点就转-国外网站大全atom.io:免费开源开发者工具)
  atom.io:免费开源的开发者编辑器工具,是 Github 团队开发的一套在线文本编辑器。它集成了许多插件,方便您高效地完成开发项目。它支持 Win7.Win8.OSX10.8.Linux。hf0 单点传输 - 国外网站百科
  
  hf0 单点传输 - 国外网站百科
  atom.io 集成插件:hf0 单点传输 - 国外网站百科
  1.嵌套在 Google Chrome 中的 FIREBUG 是内部调试的。无论您是调整 Atom 的 CSS 界面,还是添加主要的 HTML 和 JavaScript 功能,它都易于控制和使用。hf0 单点传输 - 国外网站百科
  2.Node.js 支持可以轻松访问文件系统、生成子进程,甚至直接从编辑器启动服务。开发者可以直接从 50000 多个 Node.js 包库中选择自己需要的库,也可以调用 C 或 C++ 库。无缝集成允许开发人员自由匹配 Node.js 和浏览器 API,或者操作文件系统并从单个 JavaScript 函数写入 DOM。hf0 单点传输 - 国外网站百科
  3.全面的模块化设计功能包括一个极简主义的核心和超过 50 个开源包。如果用户不喜欢某些包,他们可以自己更换。Atom 的目标是构建一个易于扩展的系统并模糊用户和开发人员之间的区别。hf0 单点传输 - 国外网站百科
  4.其他综合功能 Atom 预装在现代文本编辑器中,具有开发人员可能期望/需要的一些功能,例如: 文件系统浏览器。用于快速打开文件的模糊搜索器。在项目中快速搜索和替换。各种光标选项。多个窗格。代码段。代码折叠。干净和个性化的用户界面。导入 Textmate 语法和主题。最新版下载】hf0 一点转-国外网站大全
  目前Atom编辑器进行了全新改版,增加了更多新功能,完美支持中文,没有任何代码等问题。Atom 内部安装套件。设置主题功能,用户可以根据需要在套件库中找到合适的选项。然后将设置的主题数据库安装到您自己的 Atom 中以增强编辑功能。Atom 将预装 15 个常用套件,让编辑器无需下载额外功能即可立即上手。编辑代码。hf0 单点传输 - 国外网站百科
  此外,Atom 具有树状文件浏览功能,可以轻松打开或切换文件,当然也可以打开特定项目。同一窗口中的多个项目和快速切换文件。用户还可以将 Atom 媒体切换到多个面板来编辑或比较代码。hf0 单点传输 - 国外网站百科

网站内容编辑器(富文本编辑器,以及图片的上传与展示操作与操作)

网站优化优采云 发表了文章 • 0 个评论 • 58 次浏览 • 2022-04-20 07:05 • 来自相关话题

  网站内容编辑器(富文本编辑器,以及图片的上传与展示操作与操作)
  大家晚上好!
  今天给大家带来的是我们最常用的——富文本编辑器,以及图片上传和展示操作
  一、富文本编辑器
  什么是富文本编辑器及其作用:
  通俗点其实就是我们平时使用的输入法,它让我们不仅可以提交文字,还可以提交网页中的符号、表情等文本框。
  使用方法:
  1.去官方网站下载文件:百度搜索ckeditor进入官网
  2.点击文档[学习安装解压]
  3.将文件夹复制到项目中
  4.在需要使用的页面中引入ckeditor.js,如下:
  
  5.在原文本框位置下方写下这段代码:(文本框中的名称值必须与其替换值相同)
  <p>
内容


CKEDITOR.replace( &#39;ncontent&#39; );

</p>
  之后就可以发送各种内容了!
  二、使用Smartupload进行文件上传
  首先我们需要在文本框所在的表单头部写上:enctype="multipart/form-data"***(图片的二进制方式提交)
  写的时候要小心,输入错误无效
  如果需要上传多个文件,在文件选择器的位置添加代码:multiple="multiple"
   上传图片


  接下来点击提交,跳转到纯逻辑页面:
  我们需要
  1.实例化和初始化 SmarUpload
  2.上传图片到服务器内存的一些相关要求如何上传
  3.获取所有文件和文件总数
  4.定义进入循环的路径
  5.提交路径等提交内容到数据库
  这些步骤放在这段代码中:
<p> //实现文件上传
//--自动获取Web项目的根目录
//实例化
SmartUpload su=new SmartUpload();
//初始化 pageContext属于九大内置对象之一 作用域仅限于当前页面
su.initialize(pageContext);
//设置相关要求
su.setCharset("utf-8");
su.setAllowedFilesList("jpg,png,gif,jpeg");//允许文件上传类型列表
su.setDeniedFilesList("exe,jsp,bat");//禁止上传文件类型列表
su.setMaxFileSize(512*512);//文件大小

//上传到服务器内存
su.upload();


//实现多文件上传
//拿到所有的文件
Files fs=su.getFiles();
//拿到上传的总数目
int m=fs.getCount();
String path="";
//循环
for(int i=0;i 查看全部

  网站内容编辑器(富文本编辑器,以及图片的上传与展示操作与操作)
  大家晚上好!
  今天给大家带来的是我们最常用的——富文本编辑器,以及图片上传和展示操作
  一、富文本编辑器
  什么是富文本编辑器及其作用:
  通俗点其实就是我们平时使用的输入法,它让我们不仅可以提交文字,还可以提交网页中的符号、表情等文本框。
  使用方法:
  1.去官方网站下载文件:百度搜索ckeditor进入官网
  2.点击文档[学习安装解压]
  3.将文件夹复制到项目中
  4.在需要使用的页面中引入ckeditor.js,如下:
  
  5.在原文本框位置下方写下这段代码:(文本框中的名称值必须与其替换值相同)
  <p>
内容


CKEDITOR.replace( &#39;ncontent&#39; );

</p>
  之后就可以发送各种内容了!
  二、使用Smartupload进行文件上传
  首先我们需要在文本框所在的表单头部写上:enctype="multipart/form-data"***(图片的二进制方式提交)
  写的时候要小心,输入错误无效
  如果需要上传多个文件,在文件选择器的位置添加代码:multiple="multiple"
   上传图片


  接下来点击提交,跳转到纯逻辑页面:
  我们需要
  1.实例化和初始化 SmarUpload
  2.上传图片到服务器内存的一些相关要求如何上传
  3.获取所有文件和文件总数
  4.定义进入循环的路径
  5.提交路径等提交内容到数据库
  这些步骤放在这段代码中:
<p> //实现文件上传
//--自动获取Web项目的根目录
//实例化
SmartUpload su=new SmartUpload();
//初始化 pageContext属于九大内置对象之一 作用域仅限于当前页面
su.initialize(pageContext);
//设置相关要求
su.setCharset("utf-8");
su.setAllowedFilesList("jpg,png,gif,jpeg");//允许文件上传类型列表
su.setDeniedFilesList("exe,jsp,bat");//禁止上传文件类型列表
su.setMaxFileSize(512*512);//文件大小

//上传到服务器内存
su.upload();


//实现多文件上传
//拿到所有的文件
Files fs=su.getFiles();
//拿到上传的总数目
int m=fs.getCount();
String path="";
//循环
for(int i=0;i

网站内容编辑器(多级文件夹ampamp与笔记混合排列模式(组图)! )

网站优化优采云 发表了文章 • 0 个评论 • 100 次浏览 • 2022-04-18 21:11 • 来自相关话题

  网站内容编辑器(多级文件夹ampamp与笔记混合排列模式(组图)!
)
  Cabin 是一个出色的 网站 导航器。/收录国内外各类实用网站,内容涵盖国外创意、设计、美食、视频、图片、旅游、文化、音乐等多领域站点资源,提供简单便捷在线导航服务。而且对于喜欢的页面,还可以添加采集,导入Chrome书签,随时随地查看自己喜欢的页面。
  在此处提交您的 网站 以使您的 网站 更容易被用户发现。快来申请吧!!!
  一、一款完全免费的记事本软件——清笔记
  详情地址:/appstore/detail/4fhz
  一款完全免费的记事本软件,方便您随时随地记录各种形式的数据,支持各种格式的附件。
  Light Notes可以理解为:云端中一个没有空间限制的大型记事本,将你工作和生活的有用信息保存在里面。您可以随时随地录制在电脑或手机上,随时调出进行编辑和分享。
  轻笔记的理念:让各种信息的录入更容易,为客户提供更轻的体验。
  
  拍照、录音、记录数据、各种附件(word、excel、ppt、mp3、txt、pdf)、网页、小说、邮件、短信等电脑间即时传输,无需数据线了。
  独有的群组笔记功能,为您带来独特便捷的体验。
  清晰且用户友好的文件存储路径使您可以轻松组织数据。多级文件夹&amp;文件夹和笔记以混合排列的方式排列,笔记可以根据你的意愿进行排序和组织。
  标记您的笔记,以便更轻松地找到您要查找的内容。
  没有网络的手机和电脑也可以浏览和编辑数据,并支持离线阅读。拍照、录音、记录数据、各种附件(word、excel、ppt、mp3、txt、pdf)、网页、小说、邮件、短信等电脑间即时传输,无需数据线了。
  二、在线编辑markdown的工具-麻花
  详情地址:/appstore/detail/4exz
  麻花是一款在线编辑markdown的工具。
  
  三、在线 HTML 编辑器 - KindSoft
  详情地址:/appstore/detail/4egh
  KindEditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得的编辑效果,开发者可以使用KindEditor将传统的多行文本输入框(textarea)替换为可视化富文本输入框. KindEditor 是用 JavaScript 编写的,可以与 Java、.NET、PHP 和 ASP 等程序无缝集成。
  
  四、功能丰富的笔记软件-Yoda Notes YoDaNot
  详情地址:/appstore/detail/4ck5
  Yoda Notes 是一款功能丰富的笔记软件。不同于常见的同类笔记软件,Yoda Notes有很多我们独创的功能,比如支持多云盘同步、笔记本快照和卡片式浏览编辑等:
  
  五、极客云笔记-Leanote 蚂蚁笔记
  详情地址:/appstore/detail/49zd
  蚂蚁笔记,极客云笔记!前所未有的文档体验,近乎完美的平台覆盖,支持团队协作,企业级私有云
  蚂蚁笔记=笔记+博客+协作+私有云
  
  从各种博客主题中进行选择并轻松自定义自定义主题。
  覆盖所有主流语言的代码高亮,随心所欲用Leanote写代码,记住知识。
  让您安静地写作而不会中断
  全屏预览,开启用笔记说话或分享的时代
  通过实时同步预览,您只需使用键盘专注于编写文本内容即可生成打印级布局。
  现在不仅仅是 Word 和 Latex 可以编辑数学公式,它是为教育人群设计的。
  极客的最爱,让你的双手放在键盘上,轻松提升笔记效率。
  将零散的想法分层为树状信息,并通过一个 关键词 激发更多关键词。
  每次存档都在后台备份,方便查找,一键恢复。
  实时同步-云协作版
  丰富的团队权限管理
  完整的文档树结构
  支持Docker,私有云部署
  实时IM群聊讨论
  六、Cmd Markdown Editor Reader -
  详情地址:/appstore/detail/4adt
  Cmd Markdown编辑器阅读器,支持实时同步预览,区分写读模式,支持在线存储,分享文档URL。
  
  七、一个简单的个人 Wiki 框架 - Simiki
  详情地址:/appstore/detail/4aur
  Simiki 是一个简单的个人 wiki 框架。使用 Markdown 编写 wiki 并生成静态 HTML 页面。Wiki源文件按目录分类存放,便于管理和维护。
   查看全部

  网站内容编辑器(多级文件夹ampamp与笔记混合排列模式(组图)!
)
  Cabin 是一个出色的 网站 导航器。/收录国内外各类实用网站,内容涵盖国外创意、设计、美食、视频、图片、旅游、文化、音乐等多领域站点资源,提供简单便捷在线导航服务。而且对于喜欢的页面,还可以添加采集,导入Chrome书签,随时随地查看自己喜欢的页面。
  在此处提交您的 网站 以使您的 网站 更容易被用户发现。快来申请吧!!!
  一、一款完全免费的记事本软件——清笔记
  详情地址:/appstore/detail/4fhz
  一款完全免费的记事本软件,方便您随时随地记录各种形式的数据,支持各种格式的附件。
  Light Notes可以理解为:云端中一个没有空间限制的大型记事本,将你工作和生活的有用信息保存在里面。您可以随时随地录制在电脑或手机上,随时调出进行编辑和分享。
  轻笔记的理念:让各种信息的录入更容易,为客户提供更轻的体验。
  
  拍照、录音、记录数据、各种附件(word、excel、ppt、mp3、txt、pdf)、网页、小说、邮件、短信等电脑间即时传输,无需数据线了。
  独有的群组笔记功能,为您带来独特便捷的体验。
  清晰且用户友好的文件存储路径使您可以轻松组织数据。多级文件夹&amp;文件夹和笔记以混合排列的方式排列,笔记可以根据你的意愿进行排序和组织。
  标记您的笔记,以便更轻松地找到您要查找的内容。
  没有网络的手机和电脑也可以浏览和编辑数据,并支持离线阅读。拍照、录音、记录数据、各种附件(word、excel、ppt、mp3、txt、pdf)、网页、小说、邮件、短信等电脑间即时传输,无需数据线了。
  二、在线编辑markdown的工具-麻花
  详情地址:/appstore/detail/4exz
  麻花是一款在线编辑markdown的工具。
  
  三、在线 HTML 编辑器 - KindSoft
  详情地址:/appstore/detail/4egh
  KindEditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得的编辑效果,开发者可以使用KindEditor将传统的多行文本输入框(textarea)替换为可视化富文本输入框. KindEditor 是用 JavaScript 编写的,可以与 Java、.NET、PHP 和 ASP 等程序无缝集成。
  
  四、功能丰富的笔记软件-Yoda Notes YoDaNot
  详情地址:/appstore/detail/4ck5
  Yoda Notes 是一款功能丰富的笔记软件。不同于常见的同类笔记软件,Yoda Notes有很多我们独创的功能,比如支持多云盘同步、笔记本快照和卡片式浏览编辑等:
  
  五、极客云笔记-Leanote 蚂蚁笔记
  详情地址:/appstore/detail/49zd
  蚂蚁笔记,极客云笔记!前所未有的文档体验,近乎完美的平台覆盖,支持团队协作,企业级私有云
  蚂蚁笔记=笔记+博客+协作+私有云
  
  从各种博客主题中进行选择并轻松自定义自定义主题。
  覆盖所有主流语言的代码高亮,随心所欲用Leanote写代码,记住知识。
  让您安静地写作而不会中断
  全屏预览,开启用笔记说话或分享的时代
  通过实时同步预览,您只需使用键盘专注于编写文本内容即可生成打印级布局。
  现在不仅仅是 Word 和 Latex 可以编辑数学公式,它是为教育人群设计的。
  极客的最爱,让你的双手放在键盘上,轻松提升笔记效率。
  将零散的想法分层为树状信息,并通过一个 关键词 激发更多关键词。
  每次存档都在后台备份,方便查找,一键恢复。
  实时同步-云协作版
  丰富的团队权限管理
  完整的文档树结构
  支持Docker,私有云部署
  实时IM群聊讨论
  六、Cmd Markdown Editor Reader -
  详情地址:/appstore/detail/4adt
  Cmd Markdown编辑器阅读器,支持实时同步预览,区分写读模式,支持在线存储,分享文档URL。
  
  七、一个简单的个人 Wiki 框架 - Simiki
  详情地址:/appstore/detail/4aur
  Simiki 是一个简单的个人 wiki 框架。使用 Markdown 编写 wiki 并生成静态 HTML 页面。Wiki源文件按目录分类存放,便于管理和维护。
  

网站内容编辑器(的代码编辑器,是否有适合自己的编程环境?)

网站优化优采云 发表了文章 • 0 个评论 • 197 次浏览 • 2022-04-18 21:06 • 来自相关话题

  网站内容编辑器(的代码编辑器,是否有适合自己的编程环境?)
  总结:可能是最全的主流代码编辑器列表
  
  多年来,编写代码本身已成为一门艺术。如今,有大量的编程语言可供开发人员选择,从汇编语言到 Ruby 和 Python。尽管对于一个给定的项目有许多编程语言可供选择,但有一件事是不变的,每个开发人员都需要一个代码编辑器来编写代码。
  一个好的代码编辑器不仅仅是一个简单的文本编辑工具,这就是魔法发生的地方,开发人员编写的代码被转换成一个更大项目的可用组件。鉴于这一重要性,难怪开发人员对他们日夜工作的代码编辑器如此挑剔。每个开发人员都想要一个快速、易于使用且平衡的代码编辑器。
  每个代码编辑器都会声称自己是最好的,但您可能需要的只是一个。以下是一些主流且好评如潮的代码编辑器,开发者不妨看看有没有适合自己的。
  0. 维姆
  
  Vim 是最流行的代码编辑器之一。它免费、开源、跨平台,称其为代码编辑器中最优秀、最经典的古神器也不为过。尤其是在 Linux 开发者中,它有着相当高的声誉。Vim 是高度可定制的,也可以在 Dos 中运行。
  由于其陡峭的学习曲线,Vim 在刚开始开发的人中可能不太受欢迎。以下是 Vim 附带的一些功能:
  1. 灯台
  
  Light Table 是另一个免费和开源的代码编辑器,具有非常干净和简单的界面,以及大量的扩展。Light Table 还兼容 Windows、Mac 和 Linux,并且高度可定制。
  使用 Light Table,用户可以实时看到变化。编辑器非常轻量级,支持不同的嵌入。Light Table 致力于创建一个易于上手但同样适合工作的强大编程环境。
  2. 巧克力
  
  Chocolat 是 Mac 平台上一款功能强大的代码编辑器,兼容原生 Cocoa,具有强大的文本编辑功能。Chocolat 旨在与系统无缝集成,并支持许多编程语言的语法高亮显示。Chocolat 为 JavaScript、Python 和 HTML 文件提供拖放功能,只需将文件或文件夹拖放到软件界面即可。Chocolat 还支持窗口拆分、选项卡、颜色主题等。界面与 MacVim 非常相似。
  其他一些功能:
  3. 记事本++
  
  Notepad++ 是开发者首选的代码编辑器,原因有很多,这款轻量级的代码编辑器免费开源,速度快且占用资源极少,即便如此,它的功能也不马虎,开发者想要的功能几乎都有。最好的部分是这个代码编辑器非常适合新手和老手。
  编辑器支持的编程语言基本涵盖了开发者在开发中使用的所有语言。Notepad++ 的一些亮点是:
  4. Visual Studio 代码
  
  Visual Studio Code(简称VS Code/VSC)是一款免费开源的现代轻量级代码编辑器,支持几乎所有主流编程语言的语法高亮,支持插件扩展,针对Web开发和云应用开发进行了优化。该软件支持Windows、Mac和Linux跨平台,运行流畅。
  Visual Studio Code 还具有以下功能:
  5. 崇高文本
  
  如果您正在寻找轻量级和高性能的代码编辑器,Sublime Text 是您的最佳选择。这个跨平台的代码编辑器看起来很棒并且性能非常好。虽然是付费软件,但可以无限试用。
  Sublime Text 提供了许多强大的功能:
  6. TextWrangler
  
  TextWrangler 可能是 Mac 平台上最好的代码编辑器,它支持 44 种编程语言,包括 JavaScript、Python、HTML、SQL 等。TextWrangler 诞生于著名的 Bare Bones Software。虽轻量级,但用途广泛:提供语法高亮、智能搜索、代码折叠等文本批处理功能。
  作为BBedit的继承者,在功能上做了一些简化,缺少了Markup和Clippings功能,有点遗憾。但是免费的优势让它也成为了很多开发者的首选。程序界面干净简洁,只有常用功能。FTP/SFTP/AppleScript/Mac OS UNIX 脚本等高级功能隐藏在菜单中。
  TextWrangler 可以轻松处理大型源代码文件并提供广泛的功能,包括:
  7. 原子
  
  GitHub 是世界上最大的代码托管平台,但它的开发人员并不满意。他们用最先进、最流行的技术打造了一款名为“属于21世纪”的代码编辑器——Atom。Atom 是免费的、开源的和跨平台的。它集成了 Git,并提供了类似于 SublimeText 的包管理功能。它具有丰富的插件扩展和高度可配置性。然而,许多用户抱怨它的臃肿和滞后。
  尽管是免费软件,但 Atom 提供了几个关键的重要功能,包括:
  8. 尾声
  
  Code 是 Mac 平台的代码编辑器,寻求速度和稳定性的开发人员应该会喜欢它。Coda 主要是 Web 开发人员和 Web 设计师的编辑器。Coda 不仅轻巧,而且功能强大。它集成了终端、文本编辑器、CSS 编辑器、内容发布(结合 Transmit 的 FTP Client 功能)和整个 Web 开发过程所需的其他工具。Code 是付费软件,提供 7 天免费试用版。
  Coda 提供了一系列强大的功能,包括:
  9. 文本配合
  
  Text Mate 是 Mac 平台上另一个流行的代码编辑器,它在 Ruby 和 RoR 社区中享有盛誉。事实上,支持的语言的完整列表包括所有主要和次要的编程语言。这个编辑器的基础版是免费的,完整版需要付费。
  Text Mate 和 BBEdit 在 Mac 上合称为 E​​macs 和 Vim。特别适合开发者使用,可以自定义很多功能。
  Text Mate 提供了许多功能,包括:
  10. j编辑
  
  jEdit 自诩为严肃程序员的严肃编辑器。它是一个用 Java 开发(免费使用)并在 GPL 许可下发布的开源项目。可以在Windows、Linux、Mac等平台上运行,并且有很多插件可以扩展基础功能。它还支持超过 80 种文件类型的语法高亮显示。支持多种字符编码,包括 UTF-8。
  jEdit有一个非常方便的宏定义功能,可以在BeanShell、Jython、JavaScript等脚本语言中使用。
  除了支持 100 多个插件和宏之外,还有一些很棒的功能:
  11. BB编辑
  
  也称为 Bare Bone Edit,此代码编辑器仅在 Mac 平台上受支持,可让您轻松搜索、操作和编辑代码。试用版可免费下载和使用,完整版需要付费。
  智能界面为 BBEdit 提供一流的功能,包括 grep 匹配、跨多个文件搜索和替换、项目定义工具、功能导航和许多编程语言的语法突出显示、代码折叠、FTP 和 SFTP 打开和保存、AppleScript 和 Mac OS X Unix 脚本支持、代码完成和一组强大的 HTML 工具。
  BBEdit 提供以下功能:
  12.蜘蛛目
  
  Araneae 仅在 Windows 上可用,并以其简洁的界面而闻名,其简单性使开发人员可以轻松编写代码。Araneae 是完全免费的软件。
  提供以下功能:
  13. UltraEdit
  
  UltraEdit 是 Windows 平台上的代码编辑器。虽然 UltraEdit 不是开源软件并且需要付费,但它应该是最强大的代码编辑器。它支持几乎所有主流编程语言,包括 JavaScript、HTML、Perl、C/C++ 和 PHP。可以编辑文本、十六进制、ASCII码,完全可以替代记事本(如果电脑配置足够强大的话),内置英文单词检查,C++和VB命令高亮,可以同时编辑多个文件,甚至打开大量文件。文件速度也不慢。还支持代码折叠和宏。
  此代码编辑器包括开发人员最喜欢的功能,例如:
  14. Emacs
  
  Emacs 是著名的集成开发环境和代码编辑器。Emacs 被广泛认为是最受专业程序员欢迎的代码编辑器之一。Emacs 具有很强的可扩展性,在程序员和其他主要从事技术工作的计算机用户中很受欢迎。最初由 Richard Stallman 于 1975 年在麻省理工学院与 Guy Stall II 合作完成。
  此外,Emacs 还具有以下特性: 查看全部

  网站内容编辑器(的代码编辑器,是否有适合自己的编程环境?)
  总结:可能是最全的主流代码编辑器列表
  
  多年来,编写代码本身已成为一门艺术。如今,有大量的编程语言可供开发人员选择,从汇编语言到 Ruby 和 Python。尽管对于一个给定的项目有许多编程语言可供选择,但有一件事是不变的,每个开发人员都需要一个代码编辑器来编写代码。
  一个好的代码编辑器不仅仅是一个简单的文本编辑工具,这就是魔法发生的地方,开发人员编写的代码被转换成一个更大项目的可用组件。鉴于这一重要性,难怪开发人员对他们日夜工作的代码编辑器如此挑剔。每个开发人员都想要一个快速、易于使用且平衡的代码编辑器。
  每个代码编辑器都会声称自己是最好的,但您可能需要的只是一个。以下是一些主流且好评如潮的代码编辑器,开发者不妨看看有没有适合自己的。
  0. 维姆
  
  Vim 是最流行的代码编辑器之一。它免费、开源、跨平台,称其为代码编辑器中最优秀、最经典的古神器也不为过。尤其是在 Linux 开发者中,它有着相当高的声誉。Vim 是高度可定制的,也可以在 Dos 中运行。
  由于其陡峭的学习曲线,Vim 在刚开始开发的人中可能不太受欢迎。以下是 Vim 附带的一些功能:
  1. 灯台
  
  Light Table 是另一个免费和开源的代码编辑器,具有非常干净和简单的界面,以及大量的扩展。Light Table 还兼容 Windows、Mac 和 Linux,并且高度可定制。
  使用 Light Table,用户可以实时看到变化。编辑器非常轻量级,支持不同的嵌入。Light Table 致力于创建一个易于上手但同样适合工作的强大编程环境。
  2. 巧克力
  
  Chocolat 是 Mac 平台上一款功能强大的代码编辑器,兼容原生 Cocoa,具有强大的文本编辑功能。Chocolat 旨在与系统无缝集成,并支持许多编程语言的语法高亮显示。Chocolat 为 JavaScript、Python 和 HTML 文件提供拖放功能,只需将文件或文件夹拖放到软件界面即可。Chocolat 还支持窗口拆分、选项卡、颜色主题等。界面与 MacVim 非常相似。
  其他一些功能:
  3. 记事本++
  
  Notepad++ 是开发者首选的代码编辑器,原因有很多,这款轻量级的代码编辑器免费开源,速度快且占用资源极少,即便如此,它的功能也不马虎,开发者想要的功能几乎都有。最好的部分是这个代码编辑器非常适合新手和老手。
  编辑器支持的编程语言基本涵盖了开发者在开发中使用的所有语言。Notepad++ 的一些亮点是:
  4. Visual Studio 代码
  
  Visual Studio Code(简称VS Code/VSC)是一款免费开源的现代轻量级代码编辑器,支持几乎所有主流编程语言的语法高亮,支持插件扩展,针对Web开发和云应用开发进行了优化。该软件支持Windows、Mac和Linux跨平台,运行流畅。
  Visual Studio Code 还具有以下功能:
  5. 崇高文本
  
  如果您正在寻找轻量级和高性能的代码编辑器,Sublime Text 是您的最佳选择。这个跨平台的代码编辑器看起来很棒并且性能非常好。虽然是付费软件,但可以无限试用。
  Sublime Text 提供了许多强大的功能:
  6. TextWrangler
  
  TextWrangler 可能是 Mac 平台上最好的代码编辑器,它支持 44 种编程语言,包括 JavaScript、Python、HTML、SQL 等。TextWrangler 诞生于著名的 Bare Bones Software。虽轻量级,但用途广泛:提供语法高亮、智能搜索、代码折叠等文本批处理功能。
  作为BBedit的继承者,在功能上做了一些简化,缺少了Markup和Clippings功能,有点遗憾。但是免费的优势让它也成为了很多开发者的首选。程序界面干净简洁,只有常用功能。FTP/SFTP/AppleScript/Mac OS UNIX 脚本等高级功能隐藏在菜单中。
  TextWrangler 可以轻松处理大型源代码文件并提供广泛的功能,包括:
  7. 原子
  
  GitHub 是世界上最大的代码托管平台,但它的开发人员并不满意。他们用最先进、最流行的技术打造了一款名为“属于21世纪”的代码编辑器——Atom。Atom 是免费的、开源的和跨平台的。它集成了 Git,并提供了类似于 SublimeText 的包管理功能。它具有丰富的插件扩展和高度可配置性。然而,许多用户抱怨它的臃肿和滞后。
  尽管是免费软件,但 Atom 提供了几个关键的重要功能,包括:
  8. 尾声
  
  Code 是 Mac 平台的代码编辑器,寻求速度和稳定性的开发人员应该会喜欢它。Coda 主要是 Web 开发人员和 Web 设计师的编辑器。Coda 不仅轻巧,而且功能强大。它集成了终端、文本编辑器、CSS 编辑器、内容发布(结合 Transmit 的 FTP Client 功能)和整个 Web 开发过程所需的其他工具。Code 是付费软件,提供 7 天免费试用版。
  Coda 提供了一系列强大的功能,包括:
  9. 文本配合
  
  Text Mate 是 Mac 平台上另一个流行的代码编辑器,它在 Ruby 和 RoR 社区中享有盛誉。事实上,支持的语言的完整列表包括所有主要和次要的编程语言。这个编辑器的基础版是免费的,完整版需要付费。
  Text Mate 和 BBEdit 在 Mac 上合称为 E​​macs 和 Vim。特别适合开发者使用,可以自定义很多功能。
  Text Mate 提供了许多功能,包括:
  10. j编辑
  
  jEdit 自诩为严肃程序员的严肃编辑器。它是一个用 Java 开发(免费使用)并在 GPL 许可下发布的开源项目。可以在Windows、Linux、Mac等平台上运行,并且有很多插件可以扩展基础功能。它还支持超过 80 种文件类型的语法高亮显示。支持多种字符编码,包括 UTF-8。
  jEdit有一个非常方便的宏定义功能,可以在BeanShell、Jython、JavaScript等脚本语言中使用。
  除了支持 100 多个插件和宏之外,还有一些很棒的功能:
  11. BB编辑
  
  也称为 Bare Bone Edit,此代码编辑器仅在 Mac 平台上受支持,可让您轻松搜索、操作和编辑代码。试用版可免费下载和使用,完整版需要付费。
  智能界面为 BBEdit 提供一流的功能,包括 grep 匹配、跨多个文件搜索和替换、项目定义工具、功能导航和许多编程语言的语法突出显示、代码折叠、FTP 和 SFTP 打开和保存、AppleScript 和 Mac OS X Unix 脚本支持、代码完成和一组强大的 HTML 工具。
  BBEdit 提供以下功能:
  12.蜘蛛目
  
  Araneae 仅在 Windows 上可用,并以其简洁的界面而闻名,其简单性使开发人员可以轻松编写代码。Araneae 是完全免费的软件。
  提供以下功能:
  13. UltraEdit
  
  UltraEdit 是 Windows 平台上的代码编辑器。虽然 UltraEdit 不是开源软件并且需要付费,但它应该是最强大的代码编辑器。它支持几乎所有主流编程语言,包括 JavaScript、HTML、Perl、C/C++ 和 PHP。可以编辑文本、十六进制、ASCII码,完全可以替代记事本(如果电脑配置足够强大的话),内置英文单词检查,C++和VB命令高亮,可以同时编辑多个文件,甚至打开大量文件。文件速度也不慢。还支持代码折叠和宏。
  此代码编辑器包括开发人员最喜欢的功能,例如:
  14. Emacs
  
  Emacs 是著名的集成开发环境和代码编辑器。Emacs 被广泛认为是最受专业程序员欢迎的代码编辑器之一。Emacs 具有很强的可扩展性,在程序员和其他主要从事技术工作的计算机用户中很受欢迎。最初由 Richard Stallman 于 1975 年在麻省理工学院与 Guy Stall II 合作完成。
  此外,Emacs 还具有以下特性:

网站内容编辑器(Wix的ADI或者设计师,那么你一定要听说过!)

网站优化优采云 发表了文章 • 0 个评论 • 58 次浏览 • 2022-04-17 14:40 • 来自相关话题

  网站内容编辑器(Wix的ADI或者设计师,那么你一定要听说过!)
  蜡
  如果您是刚接触开发的程序员或设计师,那么您一定听说过 Wix。
  Wix 是最著名和使用最广泛的 网站 编辑器之一,虽然它并不完美,但对于大多数用户来说它是一种有效的解决方案。
  使用 Wix,您无需具备基本的平面设计知识和计算机知识,就可以轻松创建美观实用的 网站。
  
  输入网站后,登录你的账号,选择你要创建的网站类型:
  
  然后选择制作网站的方案:一个是ADI自动生成的,另一个是选择模板后自己编辑的。
  
  先说一下这个ADI自动生成,因为目前Wix是唯一一个带有AI助手的网站编辑器。
  选择ADI自动生成后,只需要回答一些基本问题,最后选择自己喜欢的主题和设计即可。
  
  Wix 的 ADI 可以通过这些方面了解你,并使用先进的算法在几分钟内为你打造一个漂亮的 网站。
  生成 网站 后,您可以像任何其他媒体编辑器一样轻松修改和编辑 网站 上的内容。
  
  操作真的很简单,用户可以轻松上手使用各种功能,一口气掌握。
  如果您需要在某处添加元素,只需从材质库拖放到编辑器中即可。
  
  如果你不使用ADI,而是选择自己编辑模板的构建方案,这个过程也很简单。
  先选择你喜欢的模板,然后进入编辑器。
  
  Wix 的优势之一是其用户友好的界面和高水平的定制。
  在这里,您无需花费精力研究行话和代码。只需拖放即可将您喜欢的元素添加到 网站。
  
  除了出色的用户界面外,Wix 还有一些其他不容错过的优势:
  1.模板素材更新快
  没有什么比 网站 的过时设计更糟糕的了。
  Wix 的开发者每个月都会更新大量素材,让用户可以继续美化自己的网站,以保持现代、时尚、美观、高效的网站 建设。
  如动画交互特效、流行的图片滤镜等。
  2.拖拽操作更方便
  Wix 的拖放工具可让您快速将文本、图像、音乐和视频添加到您的设计中。
  只需拖动鼠标即可成功展示、分享和销售您的内容。
  
  4.强大的工具套件
  如果你对 CSS、Javascript 和数据库有一定的了解,那么使用 Wix 简直就是如虎添翼。
  Wix 的高级编码功能允许您从头开始构建站点,并且可以创建 Web 应用程序、动态页面,甚至是数据库集合。
  Wix 代码可以直接连接到Wix 编辑器,当需要修改网站 中的部分代码时,可以使用Wix 中的现成代码。
  5.应用商店
  App Store 是 Wix 的一大特色,提供超过 260 个应用程序,让您可以为 网站 添加更多功能。
  
  6.自动保存
  没有自动保存的编辑器是没有灵魂的。
  Wix还提供了实时自动保存功能,让您安心工作,无需担心电脑死机等问题带来的不便。
  缺点
  虽然 Wix 有很多优势,但需要注意的是,如果您选择免费创建计划,那么 Wix 广告将保留在您生成的 网站 上。
  这对于私人 网站 来说很好,但商业 网站 建设者需要更加谨慎。 查看全部

  网站内容编辑器(Wix的ADI或者设计师,那么你一定要听说过!)
  蜡
  如果您是刚接触开发的程序员或设计师,那么您一定听说过 Wix。
  Wix 是最著名和使用最广泛的 网站 编辑器之一,虽然它并不完美,但对于大多数用户来说它是一种有效的解决方案。
  使用 Wix,您无需具备基本的平面设计知识和计算机知识,就可以轻松创建美观实用的 网站。
  
  输入网站后,登录你的账号,选择你要创建的网站类型:
  
  然后选择制作网站的方案:一个是ADI自动生成的,另一个是选择模板后自己编辑的。
  
  先说一下这个ADI自动生成,因为目前Wix是唯一一个带有AI助手的网站编辑器。
  选择ADI自动生成后,只需要回答一些基本问题,最后选择自己喜欢的主题和设计即可。
  
  Wix 的 ADI 可以通过这些方面了解你,并使用先进的算法在几分钟内为你打造一个漂亮的 网站。
  生成 网站 后,您可以像任何其他媒体编辑器一样轻松修改和编辑 网站 上的内容。
  
  操作真的很简单,用户可以轻松上手使用各种功能,一口气掌握。
  如果您需要在某处添加元素,只需从材质库拖放到编辑器中即可。
  
  如果你不使用ADI,而是选择自己编辑模板的构建方案,这个过程也很简单。
  先选择你喜欢的模板,然后进入编辑器。
  
  Wix 的优势之一是其用户友好的界面和高水平的定制。
  在这里,您无需花费精力研究行话和代码。只需拖放即可将您喜欢的元素添加到 网站。
  
  除了出色的用户界面外,Wix 还有一些其他不容错过的优势:
  1.模板素材更新快
  没有什么比 网站 的过时设计更糟糕的了。
  Wix 的开发者每个月都会更新大量素材,让用户可以继续美化自己的网站,以保持现代、时尚、美观、高效的网站 建设。
  如动画交互特效、流行的图片滤镜等。
  2.拖拽操作更方便
  Wix 的拖放工具可让您快速将文本、图像、音乐和视频添加到您的设计中。
  只需拖动鼠标即可成功展示、分享和销售您的内容。
  
  4.强大的工具套件
  如果你对 CSS、Javascript 和数据库有一定的了解,那么使用 Wix 简直就是如虎添翼。
  Wix 的高级编码功能允许您从头开始构建站点,并且可以创建 Web 应用程序、动态页面,甚至是数据库集合。
  Wix 代码可以直接连接到Wix 编辑器,当需要修改网站 中的部分代码时,可以使用Wix 中的现成代码。
  5.应用商店
  App Store 是 Wix 的一大特色,提供超过 260 个应用程序,让您可以为 网站 添加更多功能。
  
  6.自动保存
  没有自动保存的编辑器是没有灵魂的。
  Wix还提供了实时自动保存功能,让您安心工作,无需担心电脑死机等问题带来的不便。
  缺点
  虽然 Wix 有很多优势,但需要注意的是,如果您选择免费创建计划,那么 Wix 广告将保留在您生成的 网站 上。
  这对于私人 网站 来说很好,但商业 网站 建设者需要更加谨慎。

网站内容编辑器(3 个可以替代 Emacs 和 Vim 的文本编辑器 )

网站优化优采云 发表了文章 • 0 个评论 • 125 次浏览 • 2022-04-16 22:36 • 来自相关话题

  网站内容编辑器(3 个可以替代 Emacs 和 Vim 的文本编辑器
)
  Vim 和 Emacs 显然是 Linux 桌面上文本编辑的重量级人物,但它们并不是唯一的选择。
  Emacs 和 Vim 的粉丝们,在你开始你的编辑器之战之前,请理解这个 文章 并不是要贬低你最喜欢的编辑器。我是 Emacs 爱好者,但也喜欢 Vim。
  也就是说,我不认为 Emacs 和 Vim 适合所有人。或许编辑之战有点幼稚,让很多人失望。也许他们只是想要一个要求不高的现代编辑器。
  如果您正在寻找 Emacs 或 Vim 的替代品,请继续阅读。以下是您可能感兴趣的三位编辑器。
  吉尼
  
  您可以使用 Geany 编辑 LaTeX 文档
  Geany 是一个老编辑器,当我在过时的硬件上运行轻量级 Linux 发行版时,它是一个出色的编辑器。Geany 开始我的 LaTeX 编辑,但很快成为我所有文本编辑的编辑器。
  尽管 Geany 声称是一个轻量级和快速的 IDE(集成开发环境),但它绝不仅仅是技术人员的工具。Geany 轻巧快速,即使在过时的机器或运行 Linux 的 Chromebook 上也是如此。无论是从编辑配置文件到维护任务列表或日志,从编写 文章 或书籍到编写代码和脚本,Geany 都能轻松完成。
  插件给 Geany 一些额外的天赋。这些插件扩展了 Geany 的能力,使编码或处理某些标记语言更加高效,帮助您处理文本,甚至进行拼写检查。
  原子
  
  使用 Atom 编辑网页
  在文本编辑器领域,Atom 名列前茅。在很短的时间内,Atom 就获得了忠实的追随者。
  Atom 的定制功能使其如此吸引人。如果你有一些技术爱好,完全可以在这个编辑器上进行设置。如果您不只是沉迷于技术,Atom 还提供了一些主题,您可以使用它们来更改编辑器的外观。
  永远不要低估 Atom 的数千个扩展包。它们可以扩展 Atom 不同的功能,并且可以根据您的喜好将 Atom 变成合适的文本编辑器或开发环境。Atom 不仅适用于程序员。它也是作家的文本编辑器。
  赛德
  使用 Xed文章 进行编辑
  可能 Atom 和 Geany 对于用户体验来说有点臃肿。也许您只是想要一个不太破旧并且没有太多很少使用的功能的轻量级编辑器,所以 Xed 正是您正在寻找的。
  如果您对 Xed 看起来很熟悉,那是因为它是 MATE 桌面环境中 Pluma 编辑器的一个分支。我发现 Xed 可能比 Pluma 快一点,反应也快一点——不过,它因人而异。
  虽然 Xed 没有那么多功能,但也不算太糟糕。它具有可靠的语法突出显示,略优于平均水平的搜索替换和拼写检查功能,以及用于在单个窗口中编辑多个文件的选项卡式界面。
  其他值得探索的编辑器
  我不是 KDE 书呆子,当我在 KDE 环境中工作时,KDevelop 已经是我深入工作的首选。它功能强大且灵活且不会过于笨重,就像 Genany 一样。
  虽然我还没有感受到对它的喜爱,但我认识的几个人对 Brackets 有过这种感觉。它很强大,我不得不承认它的扩展真的很有用。
  被称为“开发者的编辑器”的记事本,总是让人联想到 Notepad++。虽然它的发展仍处于早期阶段,但至少看起来很有希望。
  对于那些只需要一个简单的文本编辑器的人来说,与 Kate 相比,Gedit 非常出色。它绝不是一个过于原创的编辑器——它对于大型文本编辑来说已经足够强大了。Gedit 和 Kate 都以其速度和易用性而闻名。
  除了 Emacs 和 Vim,你还有其他喜欢的编辑器吗?欢迎留言分享。 查看全部

  网站内容编辑器(3 个可以替代 Emacs 和 Vim 的文本编辑器
)
  Vim 和 Emacs 显然是 Linux 桌面上文本编辑的重量级人物,但它们并不是唯一的选择。
  Emacs 和 Vim 的粉丝们,在你开始你的编辑器之战之前,请理解这个 文章 并不是要贬低你最喜欢的编辑器。我是 Emacs 爱好者,但也喜欢 Vim。
  也就是说,我不认为 Emacs 和 Vim 适合所有人。或许编辑之战有点幼稚,让很多人失望。也许他们只是想要一个要求不高的现代编辑器。
  如果您正在寻找 Emacs 或 Vim 的替代品,请继续阅读。以下是您可能感兴趣的三位编辑器。
  吉尼
  
  您可以使用 Geany 编辑 LaTeX 文档
  Geany 是一个老编辑器,当我在过时的硬件上运行轻量级 Linux 发行版时,它是一个出色的编辑器。Geany 开始我的 LaTeX 编辑,但很快成为我所有文本编辑的编辑器。
  尽管 Geany 声称是一个轻量级和快速的 IDE(集成开发环境),但它绝不仅仅是技术人员的工具。Geany 轻巧快速,即使在过时的机器或运行 Linux 的 Chromebook 上也是如此。无论是从编辑配置文件到维护任务列表或日志,从编写 文章 或书籍到编写代码和脚本,Geany 都能轻松完成。
  插件给 Geany 一些额外的天赋。这些插件扩展了 Geany 的能力,使编码或处理某些标记语言更加高效,帮助您处理文本,甚至进行拼写检查。
  原子
  
  使用 Atom 编辑网页
  在文本编辑器领域,Atom 名列前茅。在很短的时间内,Atom 就获得了忠实的追随者。
  Atom 的定制功能使其如此吸引人。如果你有一些技术爱好,完全可以在这个编辑器上进行设置。如果您不只是沉迷于技术,Atom 还提供了一些主题,您可以使用它们来更改编辑器的外观。
  永远不要低估 Atom 的数千个扩展包。它们可以扩展 Atom 不同的功能,并且可以根据您的喜好将 Atom 变成合适的文本编辑器或开发环境。Atom 不仅适用于程序员。它也是作家的文本编辑器。
  赛德
  使用 Xed文章 进行编辑
  可能 Atom 和 Geany 对于用户体验来说有点臃肿。也许您只是想要一个不太破旧并且没有太多很少使用的功能的轻量级编辑器,所以 Xed 正是您正在寻找的。
  如果您对 Xed 看起来很熟悉,那是因为它是 MATE 桌面环境中 Pluma 编辑器的一个分支。我发现 Xed 可能比 Pluma 快一点,反应也快一点——不过,它因人而异。
  虽然 Xed 没有那么多功能,但也不算太糟糕。它具有可靠的语法突出显示,略优于平均水平的搜索替换和拼写检查功能,以及用于在单个窗口中编辑多个文件的选项卡式界面。
  其他值得探索的编辑器
  我不是 KDE 书呆子,当我在 KDE 环境中工作时,KDevelop 已经是我深入工作的首选。它功能强大且灵活且不会过于笨重,就像 Genany 一样。
  虽然我还没有感受到对它的喜爱,但我认识的几个人对 Brackets 有过这种感觉。它很强大,我不得不承认它的扩展真的很有用。
  被称为“开发者的编辑器”的记事本,总是让人联想到 Notepad++。虽然它的发展仍处于早期阶段,但至少看起来很有希望。
  对于那些只需要一个简单的文本编辑器的人来说,与 Kate 相比,Gedit 非常出色。它绝不是一个过于原创的编辑器——它对于大型文本编辑来说已经足够强大了。Gedit 和 Kate 都以其速度和易用性而闻名。
  除了 Emacs 和 Vim,你还有其他喜欢的编辑器吗?欢迎留言分享。

网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站 )

网站优化优采云 发表了文章 • 0 个评论 • 109 次浏览 • 2022-04-16 17:25 • 来自相关话题

  网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站
)
  相关话题
  aspmaker 如何加入在线 html 编辑器
  2018 年 12 月 3 日 20:37:00
  做过网站的人都知道,网站背景的详细内容一定要配上HTML编辑器,这样才能创作出丰富多彩的内容。常用的编辑器有:百度出品的UEditor、xhEditor开源HTML编辑器、KindEditor开源HTML编辑器、阿里的KISSY、国外的fckeditor编辑器等,各有千秋,aspmaker自带fc
  
  更改WordPress后台编辑器样式实现直接预览
  21/9/2011 10:35:00
  在 WordPress3.0 之后,有一个新的实用功能:可以改变默认后台编辑器(TinyMCE)的样式来实现一个有趣的功能:在后台可视化编辑器模式下直接预览日志内容的布局,并且与前台的浏览风格一致,无需去前台查看日志编辑情况。
  
  浅谈Atom编辑器的汉化方法
  2021 年 11 月 1 日 21:03:45
  Atom编辑器怎么翻译成中文?下面的文章文章将介绍Atom编辑器的汉化方法。有一定的参考价值,有需要的朋友可以参考,希望对大家有所帮助。相关推荐:《atom教程》安装汉化
  
  KindEditor3.4 发布 - 可视化 HTML 编辑器
  2018 年 2 月 3 日 01:07:50
  经过2个多月的开发测试,KindEditor3.4版本终于正式与大家见面了。非常感谢您的热情反馈和建议。没有您的支持,KindEditor 就不会进步。
  
  xhEditorv1.1.8 发布,XHTML 在线编辑器
  2/3/2018 01:08:14
  xhEditor是一款基于jQuery开发的简单、迷你、高效的可视化XHTML编辑器,基于web访问,兼容IE6、IE7、IE8、IE9、Firefox3.0+、Opera9.6+、Chrome 1.0+,野生动物园3.22+。
  
  微信文章哪个排版编辑器好用?我做了评论
  21/5/202016:02:06
  文章目录 135 编辑器 365 编辑器 96 编辑器 i 排版 易点编辑器 新列表编辑器 秀米编辑器 经常有粉丝问我,哪个微信编辑器好用?因为微信后台可以编辑文章@文章,但是太干净了
  
  另一个编辑神器-百度编辑器-Ueditor
  2018 年 4 月 3 日 01:11:41
  另一个编辑神器——百度编辑器——Ueditor(Lionden转载说明)前段时间发表了一篇关于《JSP中KindEditor的使用》的博文。这几天一直在沈阳东软做JavaWeb的实习工作,不得不在一个cms系统的后台和博客区使用文本编辑器。突然发现这个——百度编辑器(官网)
  
  数据可视化
  21/5/2018 15:31:25
  Airpal:PrestoDB 的 Web UI;Arbor:利用 Web Workers 和 jQuery 的图形可视化库;Banana:存储在 Kibana Solr.Port 中的日志和时间戳数据的可视化;Bokeh:一个强大的 Python 交互可视化库,以现代 Web 浏览器显示为目标,旨在为 D3.js 风格的新颖图形提供优雅简洁的设计,同时在大规模数据或流数据集,通过高性能交互。表达这种能力;C3:基于 D3 可重复使用....
  
  百度Ueditor编辑器的使用
  2018 年 4 月 3 日 01:09:13
  Ueditor 编辑器非常强大。它是一个富文本编辑器,几乎可以满足任何需求。它可以开箱即用,无需繁琐的配置。在我的博客中使用,所以我将总结使用的方法以供参考。注意:本编辑器使用php版下载包,下载地址##一、简单编辑器工具栏###原Ueditor工具栏###简化Ueditor工具栏由于Ueditor功能太多,这里我们对其进行简化,选择一些最常用的,如下: 简化的编辑器工具栏,有没有变化?
  
  7 个 Bootstrap 在线编辑器:快速开发响应式 网站
  25/11/2014 14:59:00
  Bootstrap 编辑器和生成器使原型、测试和构建响应式 网站 接口变得容易。尽管每个编辑器都不同,但它们都利用 Bootstrap 庞大的组件库来拖入和拖出组件。
  
  WordPress插件百度UEdito编辑器编辑器文章工具
  29/6/2015 11:51:00
  UEdito是百度出品的一款编辑器,功能极其强大,支持任意类型的编辑复制,所见即所得。UEdito 支持 wordpress4.0 及以上版本。就UEdito的功能而言,它已经超越了市面上所有其他的编辑插件。而我们默认的wordpress编辑器在这个UEdito插件面前就破旧了
  
  xhEditor 编辑器高级使用
  2018 年 4 月 3 日 01:14:12
  总结:xhEditor编辑器进阶使用
  
  WordPress 编辑器完整指南
  2011 年 12 月 2 日 09:23:00
  如果您的 WordPress 博客中的文本内容比较大,那么您肯定经常需要与 WordPress 编辑器打交道。本文文章介绍了一些提高WordPress编辑器实用性的技巧。
  
  百度推出开源富文本网页编辑器:Ueditor
  13/7/2011 10:04:00
  编辑器是与用户体验密切相关的一个环节。编辑器的好坏将直接影响用户的应用体验。但是由于国内缺乏先进的富文本编辑器,很多开发者在选择Web编辑器时往往会手足无措,或者用户体验效果不理想。
  
  2020年最常用的8款代码编辑器推荐
  13/7/202009:08:45
  对于编程初学者来说,一个完善的代码编辑器是非常重要的,但是大多数人并不知道什么是代码编辑器。网上推荐的代码编辑器有很多种,但是不知道这些代码编辑器哪一个好用。所以,今天的php中文网站是
   查看全部

  网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站
)
  相关话题
  aspmaker 如何加入在线 html 编辑器
  2018 年 12 月 3 日 20:37:00
  做过网站的人都知道,网站背景的详细内容一定要配上HTML编辑器,这样才能创作出丰富多彩的内容。常用的编辑器有:百度出品的UEditor、xhEditor开源HTML编辑器、KindEditor开源HTML编辑器、阿里的KISSY、国外的fckeditor编辑器等,各有千秋,aspmaker自带fc
  
  更改WordPress后台编辑器样式实现直接预览
  21/9/2011 10:35:00
  在 WordPress3.0 之后,有一个新的实用功能:可以改变默认后台编辑器(TinyMCE)的样式来实现一个有趣的功能:在后台可视化编辑器模式下直接预览日志内容的布局,并且与前台的浏览风格一致,无需去前台查看日志编辑情况。
  
  浅谈Atom编辑器的汉化方法
  2021 年 11 月 1 日 21:03:45
  Atom编辑器怎么翻译成中文?下面的文章文章将介绍Atom编辑器的汉化方法。有一定的参考价值,有需要的朋友可以参考,希望对大家有所帮助。相关推荐:《atom教程》安装汉化
  
  KindEditor3.4 发布 - 可视化 HTML 编辑器
  2018 年 2 月 3 日 01:07:50
  经过2个多月的开发测试,KindEditor3.4版本终于正式与大家见面了。非常感谢您的热情反馈和建议。没有您的支持,KindEditor 就不会进步。
  
  xhEditorv1.1.8 发布,XHTML 在线编辑器
  2/3/2018 01:08:14
  xhEditor是一款基于jQuery开发的简单、迷你、高效的可视化XHTML编辑器,基于web访问,兼容IE6、IE7、IE8、IE9、Firefox3.0+、Opera9.6+、Chrome 1.0+,野生动物园3.22+。
  
  微信文章哪个排版编辑器好用?我做了评论
  21/5/202016:02:06
  文章目录 135 编辑器 365 编辑器 96 编辑器 i 排版 易点编辑器 新列表编辑器 秀米编辑器 经常有粉丝问我,哪个微信编辑器好用?因为微信后台可以编辑文章@文章,但是太干净了
  
  另一个编辑神器-百度编辑器-Ueditor
  2018 年 4 月 3 日 01:11:41
  另一个编辑神器——百度编辑器——Ueditor(Lionden转载说明)前段时间发表了一篇关于《JSP中KindEditor的使用》的博文。这几天一直在沈阳东软做JavaWeb的实习工作,不得不在一个cms系统的后台和博客区使用文本编辑器。突然发现这个——百度编辑器(官网)
  
  数据可视化
  21/5/2018 15:31:25
  Airpal:PrestoDB 的 Web UI;Arbor:利用 Web Workers 和 jQuery 的图形可视化库;Banana:存储在 Kibana Solr.Port 中的日志和时间戳数据的可视化;Bokeh:一个强大的 Python 交互可视化库,以现代 Web 浏览器显示为目标,旨在为 D3.js 风格的新颖图形提供优雅简洁的设计,同时在大规模数据或流数据集,通过高性能交互。表达这种能力;C3:基于 D3 可重复使用....
  
  百度Ueditor编辑器的使用
  2018 年 4 月 3 日 01:09:13
  Ueditor 编辑器非常强大。它是一个富文本编辑器,几乎可以满足任何需求。它可以开箱即用,无需繁琐的配置。在我的博客中使用,所以我将总结使用的方法以供参考。注意:本编辑器使用php版下载包,下载地址##一、简单编辑器工具栏###原Ueditor工具栏###简化Ueditor工具栏由于Ueditor功能太多,这里我们对其进行简化,选择一些最常用的,如下: 简化的编辑器工具栏,有没有变化?
  
  7 个 Bootstrap 在线编辑器:快速开发响应式 网站
  25/11/2014 14:59:00
  Bootstrap 编辑器和生成器使原型、测试和构建响应式 网站 接口变得容易。尽管每个编辑器都不同,但它们都利用 Bootstrap 庞大的组件库来拖入和拖出组件。
  
  WordPress插件百度UEdito编辑器编辑器文章工具
  29/6/2015 11:51:00
  UEdito是百度出品的一款编辑器,功能极其强大,支持任意类型的编辑复制,所见即所得。UEdito 支持 wordpress4.0 及以上版本。就UEdito的功能而言,它已经超越了市面上所有其他的编辑插件。而我们默认的wordpress编辑器在这个UEdito插件面前就破旧了
  
  xhEditor 编辑器高级使用
  2018 年 4 月 3 日 01:14:12
  总结:xhEditor编辑器进阶使用
  
  WordPress 编辑器完整指南
  2011 年 12 月 2 日 09:23:00
  如果您的 WordPress 博客中的文本内容比较大,那么您肯定经常需要与 WordPress 编辑器打交道。本文文章介绍了一些提高WordPress编辑器实用性的技巧。
  
  百度推出开源富文本网页编辑器:Ueditor
  13/7/2011 10:04:00
  编辑器是与用户体验密切相关的一个环节。编辑器的好坏将直接影响用户的应用体验。但是由于国内缺乏先进的富文本编辑器,很多开发者在选择Web编辑器时往往会手足无措,或者用户体验效果不理想。
  
  2020年最常用的8款代码编辑器推荐
  13/7/202009:08:45
  对于编程初学者来说,一个完善的代码编辑器是非常重要的,但是大多数人并不知道什么是代码编辑器。网上推荐的代码编辑器有很多种,但是不知道这些代码编辑器哪一个好用。所以,今天的php中文网站是
  

网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站 )

网站优化优采云 发表了文章 • 0 个评论 • 41 次浏览 • 2022-04-16 17:22 • 来自相关话题

  网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站
)
  相关话题
  aspmaker 如何加入在线 html 编辑器
  2018 年 12 月 3 日 20:37:00
  做过网站的人都知道,网站背景的详细内容一定要配上HTML编辑器,这样才能创作出丰富多彩的内容。常用的编辑器有:百度出品的UEditor、xhEditor开源HTML编辑器、KindEditor开源HTML编辑器、阿里的KISSY、国外的fckeditor编辑器等,各有千秋,aspmaker自带fc
  
  更改WordPress后台编辑器样式实现直接预览
  21/9/2011 10:35:00
  在 WordPress3.0 之后,有一个新的实用功能:可以改变默认后台编辑器(TinyMCE)的样式来实现一个有趣的功能:在后台可视化编辑器模式下直接预览日志内容的布局,并且与前台的浏览风格一致,无需去前台查看日志编辑情况。
  
  浅谈Atom编辑器的汉化方法
  2021 年 11 月 1 日 21:03:45
  Atom编辑器怎么翻译成中文?下面的文章文章将介绍Atom编辑器的汉化方法。有一定的参考价值,有需要的朋友可以参考,希望对大家有所帮助。相关推荐:《atom教程》安装汉化
  
  KindEditor3.4 发布 - 可视化 HTML 编辑器
  2018 年 2 月 3 日 01:07:50
  经过2个多月的开发测试,KindEditor3.4版本终于正式与大家见面了。非常感谢您的热情反馈和建议。没有您的支持,KindEditor 就不会进步。
  
  xhEditorv1.1.8 发布,XHTML 在线编辑器
  2/3/2018 01:08:14
  xhEditor是一款基于jQuery开发的简单、迷你、高效的可视化XHTML编辑器,基于web访问,兼容IE6、IE7、IE8、IE9、Firefox3.0+、Opera9.6+、Chrome 1.0+,野生动物园3.22+。
  
  微信文章哪个排版编辑器好用?我做了评论
  21/5/202016:02:06
  文章目录 135 编辑器 365 编辑器 96 编辑器 i 排版 易点编辑器 新列表编辑器 秀米编辑器 经常有粉丝问我,哪个微信编辑器好用?因为微信后台可以编辑文章@文章,但是太干净了
  
  另一个编辑神器-百度编辑器-Ueditor
  2018 年 4 月 3 日 01:11:41
  另一个编辑神器——百度编辑器——Ueditor(Lionden转载说明)前段时间发表了一篇关于《JSP中KindEditor的使用》的博文。这几天一直在沈阳东软做JavaWeb的实习工作,不得不在一个cms系统的后台和博客区使用文本编辑器。突然发现这个——百度编辑器(官网)
  
  数据可视化
  21/5/2018 15:31:25
  Airpal:PrestoDB 的 Web UI;Arbor:利用 Web Workers 和 jQuery 的图形可视化库;Banana:存储在 Kibana Solr.Port 中的日志和时间戳数据的可视化;Bokeh:一个强大的 Python 交互可视化库,以现代 Web 浏览器显示为目标,旨在为 D3.js 风格的新颖图形提供优雅简洁的设计,同时在大规模数据或流数据集,通过高性能交互。表达这种能力;C3:基于 D3 可重复使用....
  
  百度Ueditor编辑器的使用
  2018 年 4 月 3 日 01:09:13
  Ueditor 编辑器非常强大。它是一个富文本编辑器,几乎可以满足任何需求。它可以开箱即用,无需繁琐的配置。在我的博客中使用,所以我将总结使用的方法以供参考。注意:本编辑器使用php版下载包,下载地址##一、简单编辑器工具栏###原Ueditor工具栏###简化Ueditor工具栏由于Ueditor功能太多,这里我们对其进行简化,选择一些最常用的,如下: 简化的编辑器工具栏,有没有变化?
  
  7 个 Bootstrap 在线编辑器:快速开发响应式 网站
  25/11/2014 14:59:00
  Bootstrap 编辑器和生成器使原型、测试和构建响应式 网站 接口变得容易。尽管每个编辑器都不同,但它们都利用 Bootstrap 庞大的组件库来拖入和拖出组件。
  
  WordPress插件百度UEdito编辑器编辑器文章工具
  29/6/2015 11:51:00
  UEdito是百度出品的一款编辑器,功能极其强大,支持任意类型的编辑复制,所见即所得。UEdito 支持 wordpress4.0 及以上版本。就UEdito的功能而言,它已经超越了市面上所有其他的编辑插件。而我们默认的wordpress编辑器在这个UEdito插件面前就破旧了
  
  xhEditor 编辑器高级使用
  2018 年 4 月 3 日 01:14:12
  总结:xhEditor编辑器进阶使用
  
  WordPress 编辑器完整指南
  2011 年 12 月 2 日 09:23:00
  如果您的 WordPress 博客中的文本内容比较大,那么您肯定经常需要与 WordPress 编辑器打交道。本文文章介绍了一些提高WordPress编辑器实用性的技巧。
  
  百度推出开源富文本网页编辑器:Ueditor
  13/7/2011 10:04:00
  编辑器是与用户体验密切相关的一个环节。编辑器的好坏将直接影响用户的应用体验。但是由于国内缺乏先进的富文本编辑器,很多开发者在选择Web编辑器时往往会手足无措,或者用户体验效果不理想。
  
  2020年最常用的8款代码编辑器推荐
  13/7/202009:08:45
  对于编程初学者来说,一个完善的代码编辑器是非常重要的,但是大多数人并不知道什么是代码编辑器。网上推荐的代码编辑器有很多种,但是不知道这些代码编辑器哪一个好用。所以,今天的php中文网站是
   查看全部

  网站内容编辑器(在线HTML编辑器2/3/201801:37:00做网站
)
  相关话题
  aspmaker 如何加入在线 html 编辑器
  2018 年 12 月 3 日 20:37:00
  做过网站的人都知道,网站背景的详细内容一定要配上HTML编辑器,这样才能创作出丰富多彩的内容。常用的编辑器有:百度出品的UEditor、xhEditor开源HTML编辑器、KindEditor开源HTML编辑器、阿里的KISSY、国外的fckeditor编辑器等,各有千秋,aspmaker自带fc
  
  更改WordPress后台编辑器样式实现直接预览
  21/9/2011 10:35:00
  在 WordPress3.0 之后,有一个新的实用功能:可以改变默认后台编辑器(TinyMCE)的样式来实现一个有趣的功能:在后台可视化编辑器模式下直接预览日志内容的布局,并且与前台的浏览风格一致,无需去前台查看日志编辑情况。
  
  浅谈Atom编辑器的汉化方法
  2021 年 11 月 1 日 21:03:45
  Atom编辑器怎么翻译成中文?下面的文章文章将介绍Atom编辑器的汉化方法。有一定的参考价值,有需要的朋友可以参考,希望对大家有所帮助。相关推荐:《atom教程》安装汉化
  
  KindEditor3.4 发布 - 可视化 HTML 编辑器
  2018 年 2 月 3 日 01:07:50
  经过2个多月的开发测试,KindEditor3.4版本终于正式与大家见面了。非常感谢您的热情反馈和建议。没有您的支持,KindEditor 就不会进步。
  
  xhEditorv1.1.8 发布,XHTML 在线编辑器
  2/3/2018 01:08:14
  xhEditor是一款基于jQuery开发的简单、迷你、高效的可视化XHTML编辑器,基于web访问,兼容IE6、IE7、IE8、IE9、Firefox3.0+、Opera9.6+、Chrome 1.0+,野生动物园3.22+。
  
  微信文章哪个排版编辑器好用?我做了评论
  21/5/202016:02:06
  文章目录 135 编辑器 365 编辑器 96 编辑器 i 排版 易点编辑器 新列表编辑器 秀米编辑器 经常有粉丝问我,哪个微信编辑器好用?因为微信后台可以编辑文章@文章,但是太干净了
  
  另一个编辑神器-百度编辑器-Ueditor
  2018 年 4 月 3 日 01:11:41
  另一个编辑神器——百度编辑器——Ueditor(Lionden转载说明)前段时间发表了一篇关于《JSP中KindEditor的使用》的博文。这几天一直在沈阳东软做JavaWeb的实习工作,不得不在一个cms系统的后台和博客区使用文本编辑器。突然发现这个——百度编辑器(官网)
  
  数据可视化
  21/5/2018 15:31:25
  Airpal:PrestoDB 的 Web UI;Arbor:利用 Web Workers 和 jQuery 的图形可视化库;Banana:存储在 Kibana Solr.Port 中的日志和时间戳数据的可视化;Bokeh:一个强大的 Python 交互可视化库,以现代 Web 浏览器显示为目标,旨在为 D3.js 风格的新颖图形提供优雅简洁的设计,同时在大规模数据或流数据集,通过高性能交互。表达这种能力;C3:基于 D3 可重复使用....
  
  百度Ueditor编辑器的使用
  2018 年 4 月 3 日 01:09:13
  Ueditor 编辑器非常强大。它是一个富文本编辑器,几乎可以满足任何需求。它可以开箱即用,无需繁琐的配置。在我的博客中使用,所以我将总结使用的方法以供参考。注意:本编辑器使用php版下载包,下载地址##一、简单编辑器工具栏###原Ueditor工具栏###简化Ueditor工具栏由于Ueditor功能太多,这里我们对其进行简化,选择一些最常用的,如下: 简化的编辑器工具栏,有没有变化?
  
  7 个 Bootstrap 在线编辑器:快速开发响应式 网站
  25/11/2014 14:59:00
  Bootstrap 编辑器和生成器使原型、测试和构建响应式 网站 接口变得容易。尽管每个编辑器都不同,但它们都利用 Bootstrap 庞大的组件库来拖入和拖出组件。
  
  WordPress插件百度UEdito编辑器编辑器文章工具
  29/6/2015 11:51:00
  UEdito是百度出品的一款编辑器,功能极其强大,支持任意类型的编辑复制,所见即所得。UEdito 支持 wordpress4.0 及以上版本。就UEdito的功能而言,它已经超越了市面上所有其他的编辑插件。而我们默认的wordpress编辑器在这个UEdito插件面前就破旧了
  
  xhEditor 编辑器高级使用
  2018 年 4 月 3 日 01:14:12
  总结:xhEditor编辑器进阶使用
  
  WordPress 编辑器完整指南
  2011 年 12 月 2 日 09:23:00
  如果您的 WordPress 博客中的文本内容比较大,那么您肯定经常需要与 WordPress 编辑器打交道。本文文章介绍了一些提高WordPress编辑器实用性的技巧。
  
  百度推出开源富文本网页编辑器:Ueditor
  13/7/2011 10:04:00
  编辑器是与用户体验密切相关的一个环节。编辑器的好坏将直接影响用户的应用体验。但是由于国内缺乏先进的富文本编辑器,很多开发者在选择Web编辑器时往往会手足无措,或者用户体验效果不理想。
  
  2020年最常用的8款代码编辑器推荐
  13/7/202009:08:45
  对于编程初学者来说,一个完善的代码编辑器是非常重要的,但是大多数人并不知道什么是代码编辑器。网上推荐的代码编辑器有很多种,但是不知道这些代码编辑器哪一个好用。所以,今天的php中文网站是
  

网站内容编辑器(十大常见的markdown编辑器流行一句话就够了)

网站优化优采云 发表了文章 • 0 个评论 • 293 次浏览 • 2022-04-16 09:31 • 来自相关话题

  网站内容编辑器(十大常见的markdown编辑器流行一句话就够了)
  如果你没听过markdown这个词,那我只能说你在互联网领域可能有点落伍了,因为这是和html一样的标记语言,使用它可以让你用纯文本书写适合每种格式的文档。您可以轻松地将 .md 文件导出为 html、word、pdf、epub 和其他格式。
  下面我主要分享十个常用的markdown编辑器。
  泰波拉
  这是目前最流行的markdown编辑器之一,多平台支持,多种格式导出,快速所见即所得显示,优雅性感的主题切换,自动标签匹配功能,字数统计,文档结构组织,可以这么说也不过分太赞了,这是一个用过就不想卸载的软件。
  
  
  
  草案
  这是一个 web 版本的 Markdown 编辑器。写作时,整个网页就是一个编辑器。可以说空间很大,字体看起来很大。非常适合我这样的老人。我只是喜欢这种风格的简单。您可以自己管理界面的字体大小、背景颜色等。如果不想下载软件使用markdown,可以说是个不错的选择。
  
  
  颤动
  这是一款专为程序员打造的markdown编辑器,你可以在里面轻松组合代码和公式,而且它还有这种丰富的程序风格,你可以说出你想要的程序代码风格和风格,在这里可以找到。自动保存功能,纯json格式的文档可以轻松导出你的文档,云同步功能,自动备份功能,版本管理功能都是它的亮点,全文搜索功能也是它的亮点,唯一的缺点可能是就是,它只支持mac操作系统。
  
  
  迪林格
  也是web版的markdown编辑器,支持导入导出,支持vim格式风格的键盘书写,支持自动保存,字数统计。可以说,如果不想繁琐的下载软件,也是一个不错的选择。另外,它支持github、dropbox、onedrive、googledrive的导入导出。
  视觉工作室代码
  之前流行的说法是,能用js实现的功能,最终都会用js实现。同样的,能用vscode实现的功能,最终都会用vscode来实现,vscode是一个很好的实践。这是一个程序员友好的编辑器,因为你只需要安装一个 vscode 插件,就可以预览、编辑和导出 markdown。
  
  墨滴
  这是一个全平台的软件,从windows、linux、mac都支持,另外它还支持android和ios,可以说在任何地方都可以使用。它具有丰富的api和插件机制,这意味着您可以为其添加更多功能或设计自己的样式。
  
  哈罗帕德
  这是一个跨平台的免费应用,可以轻松导出文件,兼容github的markdown格式,可以自定义插件,文档可以轻松嵌入博客和邮件中,支持数学公式,可以绘制图表,总之它也是一个不错的选择。
  
  概念
  严格来说,这不是一个编辑器,因为它还有很多其他的功能,markdown 支持只是其中的一小部分。它不仅可以写文档,还可以做一个待办事项记事本,记录你每天所做的事情。它还可以组织文档并将您的文档放入书籍目录。同时它也是一个任务协作工具,可以在上面提任务,最厉害的是它还可以编辑和管理数据。可以说是活生生的excel。将其定义为办公工具更为合适。
  
  标记文本
  这是一个轻量级的跨平台编辑器,也是一个开源的编辑器。具备常用编辑器的基本功能,支持GFM表,支持流程图,甘特图,支持数学公式,并且有新鲜的主题,可以说是除了typora之外的又一个不错的选择。
  
  总结
  如果您仔细阅读 文章,您应该会发现这里缺少一位编辑器。是的,这里只介绍了9位编辑,但标题中写了10位。我不是头条党。,我把最后一个位置留给各位读者,一千个人就有一千个哈姆雷特,每个人都有自己的喜好,喜欢的话,记事本,vi也可以用来写markdown,希望大家都能找到适合自己的工具,如果可能的话,我希望你也可以开发一个。 查看全部

  网站内容编辑器(十大常见的markdown编辑器流行一句话就够了)
  如果你没听过markdown这个词,那我只能说你在互联网领域可能有点落伍了,因为这是和html一样的标记语言,使用它可以让你用纯文本书写适合每种格式的文档。您可以轻松地将 .md 文件导出为 html、word、pdf、epub 和其他格式。
  下面我主要分享十个常用的markdown编辑器。
  泰波拉
  这是目前最流行的markdown编辑器之一,多平台支持,多种格式导出,快速所见即所得显示,优雅性感的主题切换,自动标签匹配功能,字数统计,文档结构组织,可以这么说也不过分太赞了,这是一个用过就不想卸载的软件。
  
  
  
  草案
  这是一个 web 版本的 Markdown 编辑器。写作时,整个网页就是一个编辑器。可以说空间很大,字体看起来很大。非常适合我这样的老人。我只是喜欢这种风格的简单。您可以自己管理界面的字体大小、背景颜色等。如果不想下载软件使用markdown,可以说是个不错的选择。
  
  
  颤动
  这是一款专为程序员打造的markdown编辑器,你可以在里面轻松组合代码和公式,而且它还有这种丰富的程序风格,你可以说出你想要的程序代码风格和风格,在这里可以找到。自动保存功能,纯json格式的文档可以轻松导出你的文档,云同步功能,自动备份功能,版本管理功能都是它的亮点,全文搜索功能也是它的亮点,唯一的缺点可能是就是,它只支持mac操作系统。
  
  
  迪林格
  也是web版的markdown编辑器,支持导入导出,支持vim格式风格的键盘书写,支持自动保存,字数统计。可以说,如果不想繁琐的下载软件,也是一个不错的选择。另外,它支持github、dropbox、onedrive、googledrive的导入导出。
  视觉工作室代码
  之前流行的说法是,能用js实现的功能,最终都会用js实现。同样的,能用vscode实现的功能,最终都会用vscode来实现,vscode是一个很好的实践。这是一个程序员友好的编辑器,因为你只需要安装一个 vscode 插件,就可以预览、编辑和导出 markdown。
  
  墨滴
  这是一个全平台的软件,从windows、linux、mac都支持,另外它还支持android和ios,可以说在任何地方都可以使用。它具有丰富的api和插件机制,这意味着您可以为其添加更多功能或设计自己的样式。
  
  哈罗帕德
  这是一个跨平台的免费应用,可以轻松导出文件,兼容github的markdown格式,可以自定义插件,文档可以轻松嵌入博客和邮件中,支持数学公式,可以绘制图表,总之它也是一个不错的选择。
  
  概念
  严格来说,这不是一个编辑器,因为它还有很多其他的功能,markdown 支持只是其中的一小部分。它不仅可以写文档,还可以做一个待办事项记事本,记录你每天所做的事情。它还可以组织文档并将您的文档放入书籍目录。同时它也是一个任务协作工具,可以在上面提任务,最厉害的是它还可以编辑和管理数据。可以说是活生生的excel。将其定义为办公工具更为合适。
  
  标记文本
  这是一个轻量级的跨平台编辑器,也是一个开源的编辑器。具备常用编辑器的基本功能,支持GFM表,支持流程图,甘特图,支持数学公式,并且有新鲜的主题,可以说是除了typora之外的又一个不错的选择。
  
  总结
  如果您仔细阅读 文章,您应该会发现这里缺少一位编辑器。是的,这里只介绍了9位编辑,但标题中写了10位。我不是头条党。,我把最后一个位置留给各位读者,一千个人就有一千个哈姆雷特,每个人都有自己的喜好,喜欢的话,记事本,vi也可以用来写markdown,希望大家都能找到适合自己的工具,如果可能的话,我希望你也可以开发一个。

网站内容编辑器(网站内容编辑器,优势在于不需要多少代码基础?)

网站优化优采云 发表了文章 • 0 个评论 • 57 次浏览 • 2022-04-16 00:05 • 来自相关话题

  网站内容编辑器(网站内容编辑器,优势在于不需要多少代码基础?)
  网站内容编辑器,优势在于不需要多少代码基础,只要会用就可以做站长。不像dreamweaver等网站编辑器一样,一些有基础的人做个一两年后,也就忘得差不多了。没有基础的同学,如果你是学网站构建技术或者架构设计,现在开始,可以尝试找一些牛的网站编辑器来学习。当然,作为新手小白,你更推荐从最基础入手,认真看一遍教程,写一点demo的小网站。
  看完之后,你就明白大概的需要一些什么程度的功底了。再说说这个软件,它的特点是可以精确控制标题,描述,关键词,网址等等。你可以尝试用dreamweaver等网站编辑器做一些属于自己的网站。当然,它最大的优势还是出了网站能够直接嵌入谷歌adsense广告主关键词,seo相关词。有一定的价值。欢迎关注我和我的专栏:网站运营技巧。每周更新,一起学习进步!。
  从实践出发,寻找网站有特色的地方(比如最近比较火的内容图片及新闻视频),加上,或者让服务员把网站卖给你,主要是要学一些网站编程语言。同时运营方面,新闻及图片类站(hao123这类),fb营销(必须懂英语才能玩),还有robots协议。还有就是如果本身就是网络推广相关专业,对着方面知识肯定有所了解。如果对互联网不了解,多问,没办法,又回到了刚才说的,没有基础,需要一定程度的功底和判断力。 查看全部

  网站内容编辑器(网站内容编辑器,优势在于不需要多少代码基础?)
  网站内容编辑器,优势在于不需要多少代码基础,只要会用就可以做站长。不像dreamweaver等网站编辑器一样,一些有基础的人做个一两年后,也就忘得差不多了。没有基础的同学,如果你是学网站构建技术或者架构设计,现在开始,可以尝试找一些牛的网站编辑器来学习。当然,作为新手小白,你更推荐从最基础入手,认真看一遍教程,写一点demo的小网站。
  看完之后,你就明白大概的需要一些什么程度的功底了。再说说这个软件,它的特点是可以精确控制标题,描述,关键词,网址等等。你可以尝试用dreamweaver等网站编辑器做一些属于自己的网站。当然,它最大的优势还是出了网站能够直接嵌入谷歌adsense广告主关键词,seo相关词。有一定的价值。欢迎关注我和我的专栏:网站运营技巧。每周更新,一起学习进步!。
  从实践出发,寻找网站有特色的地方(比如最近比较火的内容图片及新闻视频),加上,或者让服务员把网站卖给你,主要是要学一些网站编程语言。同时运营方面,新闻及图片类站(hao123这类),fb营销(必须懂英语才能玩),还有robots协议。还有就是如果本身就是网络推广相关专业,对着方面知识肯定有所了解。如果对互联网不了解,多问,没办法,又回到了刚才说的,没有基础,需要一定程度的功底和判断力。

官方客服QQ群

微信人工客服

QQ人工客服


线