首页
学习
活动
专区
圈层
工具
发布

安装 - 整合方法 - 构建文档 - ckeditor5中文文档

CDN 可以直接从CKEditor CDN在页面内加载构建,CKEditor CDN针对全球超快速内容交付进行了优化。 使用CDN时,实际上不需要下载。 npm 所有版本都在npm上发布。...使用此搜索链接查看npm中可用的所有官方构建包。...Zip压缩包 到CKEditor5构建版本下载页面下载你比较喜欢的构建版本。例如,你可以下载ckeditor5-build-classic-1.0.0.zip文件来使用Classic编辑器构建版本。...将.zip文件解压缩到项目内的专用目录中。 建议在目录名称中包含编辑器版本,以确保在安装新版本的CKEditor后不会因为缓存失效。...README.md 和 LICENSE.md 加载API 在你的应用程序中下载并安装CKEditor 5版本后,就可以在您的页面中使用编辑器API了。

2.9K20

安装插件 - 集成 - 构建文档 - ckeditor5中文文档

在本指南中,您可以了解如何在两种最常见的场景中将插件添加到编辑器中: 当你使用一个编辑器构建版本时 当你从源码构建你的编辑器时 要求 为了开始开发CKEditor 5,你需要: Node.js 6.9.0...因此,假设您要自定义经典编辑器构建,您需要: 克隆构建版本仓库 安装插件包 添加插件到构建配置中 构建 git clone -b stable https://github.com/ckeditor/ckeditor5...language: 'en' }; 最后,构建包: npm run build 如果一切顺利,在build/文件夹中的编辑器构建将被更新。...你可以在你的浏览器中打开sample/index.html文件,来查看插件是否被正确的安装了。 这是如何定制构建的快速版本。 了解更多请在单独的指南总阅读自定义现有编辑器构建。...添加插件到编辑器 如果您从源代码构建编辑器,那么安装新插件的过程归结为以下三个步骤: 安装插件包 添加插件到构建的配置中 构建项目 例如,你想安装文本对齐功能: npm install --save-dev

4.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    概览 - 构建文档 - ckeditor5中文文档

    在ckeditor 5中,“盒子”编辑器的概念被修改了: 当用户向下滚动页面,工具栏现在总是可见的。 编辑器内容现在放置在页面内(并没有使用元素) - 它现在更易于去修改样式了。...思考在应用中书写富文本编辑器可能用到的内容。...下面是一些公共用例: 在内容管理系统中: 写文章或者网站内容的表单 在线编辑页面前端样式 评论 在商场和自动销售应用中: 发送一个邮件活动 创建模板 在论坛应用中: 创建主题和回复 在团队合作应用中:...在下面这些用例中,应该使用ckeditor5框架,而不是构建版本: 当你想去创建你自己的文本编辑器并且拥有对它从ui到特性每个方面的控制权的时候 当构建版本的解决方案不适合你的特殊用途时 在下面的用例中...ckeditor5替换它的时候 下面的用例,你应该使用消息: 当你需要一个简单的方式在你的应用中实现创建满足以下特性的文章和文档: 实时共享书写 在线评论和讨论内容 高级书写特性 文章作者ianzhi,

    8.8K30

    在VirtualBox中安装ArchLinux

    如果你准备在虚拟机中安装Ubuntu、Fedora这几个比较著名的大型Linux,那么VMware Workstation是一个不错的选择,在安装这几个Linux的过程中会自动安装VMware Tools...cfdisk parted # 下面的命令是在parted工具中 mklabel msdos mkpart primary ext4 1m 100% 分区成功之后,使用lsblk命令应该可以看到存在sda1...mkfs.ext4 /dev/sda1 挂载 为了安装系统还需要将格式化之后的分区挂载到系统中。...pacman -S grub 安装好grub之后还需要将其安装到系统中 ,并生成配置文件。注意设备名这里不需要在后面添加数字。...我以前写的文章中安装图形界面还需要安装xorgs包,我记得原来的ArchLinux文档也是这么写的。不过我今天安装桌面的时候发现没手动安装这个包也可以,不知道是我原来记错了还是怎么的。

    3.3K100

    在Linux中安装JDK

    Linux中安装JDK 1....手动安装JDK的步骤 (0) 查看系统中是否已经安装了JDK,如果有就卸载掉 [root@node01 ~]# rpm -qa | grep jdk java-1.6.0-openjdk-1.6.0.35...把包传到其他服务器,或者其他服务器通过本地yum源的方式去node01中取(我这里实现的是后者) 给每一台机器发送一个安装脚本,并且让脚本自己执行 要写一个启动脚本,用来执行以上两步操作 (2) 编写一个安装脚本...node01 服务器上,用户 root 执行脚本 startInstallJDK.sh 在集群其他3个节点 node02 node03 node04 中安装了JDK 注意: 以上脚本执行需要配置集群各节点之间免秘钥登录...httpd start 在node01的/var/www/html目录下放置安装包 我在其中又创建了soft目录,然后在soft目录下放置了JDK安装包,所以在我的installJDK.sh中,从node01

    5.7K20

    在Anaconda中安装OpenCV

    anaconda中安装OpenCV 在anaconda中安装opencv 查询Python与anaconda版本 安装方法 开始安装 验证是否成功 在anaconda中安装opencv 本人使用的是win10...后续安装opencv需要安装对应python版本。 安装方法 1.第一种直接通过anaconda安装。打开anaconda navigator,在左侧选择environment。...3.在opencv包网站下载文件,然后解压到anaconda文件夹中安装,几分钟就安完了,以下主要说一下这个方法。...开始安装 在opencv包网站下载 .whl 文件,可以去国外网站下载但是下载速度较慢但是我下的还挺快的,或者去国内清华镜像源下,网址分别如下: 1.国外网址 2.清华镜像源 先查到自己的python...我的是64位系统,不知道的我的电脑处右键选择属性,系统类型中写了,如下图。 下载后,把 .whl 文件复制,粘贴到anaconda中的site-packages文件夹中,如下图所示。

    2.6K20

    在vmware中安装Android

    首先可以下载自己喜欢的镜像,这里以安卓9的镜像为例 创建虚拟机 这里使用的虚拟机是VMware® Workstation 17 Pro,17.0.0 build-20800274版本 新建虚拟机,选择高级 稍后安装操作系统...按照实际情况设置虚拟机配置 网络按情况设置或先不设置 其他保持默认 磁盘按实际情况选择,我这里选择新建 最后编辑自定义硬件 删除打印机,将显卡穿透开启(无法勾选的先往下看) 将CD指向刚刚下载的镜像 启动虚拟机 安装系统...写入完成后选择退出 选择刚刚创建好的 选择ext4 确定 等待进度条跑完 接下来选择是否需要图形界面,我这里选择是 确定 等待进度条 到这个界面先移除镜像,再选择重启 重启后等待自动进入系统按照教程激活即可(在命令行多等一会...) 若没有勾选3D加速(显卡穿透)或在命令行长时间没有进入系统 安装系统重启后选择debug模式 然后就到了快乐的命令时刻 mount -o remount,rw /mnt 然后修改/mnt/grub/...menu.lst这个文件 vi /mnt/grub/menu.lst 按下i进入编辑模式 在第一个启动项的quiet后面加上nomodeset,如图 退出编辑器(按下esc并输入:wq) 重启系统即可

    3.5K40

    在 Ubuntu 中 安装python

    1.创建目录用来存放虚拟环境 mkdir $HOME/.virtualenvs 2.在~/.bashrc中添加行:     export WORKON_HOME=$HOME/.virtualenvs...deactivate 6.删除虚拟环境  rmvirtualenv [虚拟环境名称] 注:创建的环境是独立的,互不干扰,无需sudo权限即可使用 pip 来进行包的管理,如果在虚拟环境中使用sudo安装的包在主环境中...使用-p参数指定虚拟环境中python的版本 $ mkvirtualenv -p python django **还有一点需要注意,在默认情况下,所有安装在系统范围内的包对于virtualenv是可见的...这意味着如果你将simplejson安装在您的系统Python目录中,它会自动提供给所有的virtualenvs使用。...安装redis 在Ubuntu中执行下面这句命令: $sudo apt-get install redis-server 启动服务端 $redis-server 启动客户端 $redis-cli 浏览器缓存

    2.8K10

    在Docker中安装MongoDB

    tab=tags&page=1 这里选取最新版本进行安装,如果想安装其他的可用版本,可以使用命令“docker search mongo”来查看 2.拉取最新版本镜像 这里执行命令"sudo docker...mongodb的数据目录挂载 运行启动命令“docker run -p 27017:27017 -v /data/mongo:/data/db --name mongodb -d mongo” 在上面的命令中,...外部可以直接通过 宿主机 ip:27017 访问到 mongo 的服务 -v 为设置容器的挂载目录,这里是将本机的“/data/mongo”目录挂载到容器中的/data/db中,作为 mongodb 的存储目录...studiot 3T下载地址:https://studio3t.com/download/ 5.创建mongo用户 可以看到一个空的mongo数据库,有一个不太完美的地方在于我们的mongo没有任何账户密码,在裸奔...--auth:需要密码才能访问容器服务 此时强行访问,可以看到提示,没有授权 这里我们在连接的地方指定一下账户密码 再来查询,已经正确查询出来之前添加的用户信息 7.创建一个业务数据库和对应的读写账户

    8.2K11

    常见问题 - 构建文档 - ckeditor5中文文档

    例如,ckeditor5-basic-styles包处理HTML元素,例如,,等,以及它们在模型中的表示。 该功能定义了HTML(视图)和编辑器模型之间的双向转换。...由于编辑器中使用的自定义数据模型,源代码模式在CKEditor 5中没有意义。...没有contents.css文件这样的东西,因为在CKEditor 5中有一些功能带来了他们自己的内容样式,这些内容样式默认包含在JavaScript构建中并由样式加载器加载(它们也可以被提取)。...在CKEditor 5中,HTML只是众多可能的输出格式之一。 您可以在专用指南中了解有关更改模型的更多信息。...这就是为什么我们不提供类似于我们在CKEditor 4中提供的完整编辑器包的原因。 同时,我们建议您安装插件以启用其他功能,甚至创建自定义版本以确保您充分利用CKEditor 5。

    6.3K40

    概览 - 框架 - 集成 - 构建文档 - ckeditor5中文文档

    在检查如何将CKEditor 5与您的框架集成时,您可以按照以下步骤操作: 官方WYSIWYG编辑器集成 到目前为止,有三个官方集成: Angular 2+ React Vue.js 请参阅他们的文档以了解如何使用它们...在Electron应用程序中使用CKEditor 5不需要任何额外的步骤。 观看CKEditor 5的精彩截屏视频,并在Electron中进行实时协作编辑。...与Bootstrap的兼容性 要在Bootstrap模式中显示CKEditor 5,您需要按以下步骤操作: 配置CKEditor 5浮动气球的z-index,使它们显示在Bootstrap叠加层上方。...配置Bootstrap以不从富文本编辑器字段中窃取焦点。...其中大部分都是在npm上提供的。 到目前为止,有三种官方集成:React,Angular 2+和Vue.js. 检查是否存在官方集成。

    3.4K30

    新内容 - 构建文档 - ckeditor5中文文档

    增强用户体验 ckeditor5努力打造无缝、专注的编辑体验让用户去专注于创作内容。 更好的图片展示 插入图片到内容中是非常直观的,在用户体验上隐藏了所有的技术方面(上传,重置大小)。...单击链接时,首先您将看到一个气球,其中包含编辑链接或在新选项卡中打开链接的选项。 ? 在链接周围插入符号 在链接周围输入文字从未如此简单。 使用键盘移动光标以在键入链接和纯文本之间切换。 ?...内联内容 编辑器内容现在内嵌在页面中 - 因此更容易设计样式。 此外,编辑器会随着内容的增长而增长(或者不是,这取决于你的设置!)。...我们认为在以前的编辑器版本中,我们有太多的功能和配置。 这使开发人员感到困惑,同时也会对最终用户体验产生负面影响。...通过CKEditor云服务提供的协作服务,现在可以非常轻松地在应用程序中提供协作功能。 检查协作演示并阅读如何启用注释,用户状态列表等功能或在编辑器中显示其他用户的选择。

    3.6K40
    领券