7.3.0-alpha.0 (2024-11-13)
- Align integration to work with the future self-service plan. Read more in the CKEditor 5 repository. (commit)
7.2.0 (2024-09-26)
- Experimental: Better error messages in
useCKEditorCloud
. It now detects existing editor installations and gives migration info from NPM to CDN. (commit)
- Remove
ckeditor5-premium-features
frompeerDependencies
. (commit)
7.1.0 (2024-09-19)
- Experimental: Added a
useCKEditorCloud()
composable for managing asynchronous loading of CKEditor 5 from a CDN. (https://github.com/ckeditor/ckeditor5-vue/commit/d17eb7f99c50c05f987a436c7a2884eafbc2d5e0)
7.1.0-alpha.0 (2024-09-06)
- Experimental: Added a
useCKEditorCloud()
composable for managing asynchronous loading of CKEditor 5 from a CDN. (https://github.com/ckeditor/ckeditor5-vue/commit/d17eb7f99c50c05f987a436c7a2884eafbc2d5e0)
7.0.0 (2024-08-07)
We are excited to announce a new major release of the Vue integration.
In this release, we have introduced the following breaking changes that should make using the integration more intuitive and easier.
-
Composition API: The integration has been rewritten in Composition API, which follows the recommended way of writing components in Vue 3.
-
Vue 3.4+: The minimum required version of Vue is now 3.4+ because we are using the Generics and
defineModel()
features to provide better typings for theeditor
prop and component events. -
ESM-first: Besides the UMD build, the integration is now available in ESM format. In most projects, the new ESM build should be automatically prioritized by bundlers and other tools.
-
Changed exports: We have changed how the Vue plugin and component are exported. The Vue plugin is no longer the
default
export but is exported asCkeditorPlugin
. The component is now exported asCkeditor
instead ofdefault.component
.Here's a comparison of how you can import the Vue plugin that registers a global
<ckeditor>
component:// Before the release. import CKEditor from '@ckeditor/ckeditor5-vue'; // After the release. import { CkeditorPlugin } from '@ckeditor/ckeditor5-vue';
If you prefer to use a local component instead of a global component, here's a comparison of how you can import it:
// Before the release. import CKEditor from '@ckeditor/ckeditor5-vue'; const component = CKEditor.component; // After the release. import { Ckeditor } from '@ckeditor/ckeditor5-vue'; const component = Ckeditor;
-
Remove the
editor
argument from thedestroy
event: Thedestroy
event no longer has aneditor
argument since it was alwaysnull
. -
New name of the global variable: The name of the global variable used in the UMD build changed from
CKEditor
toCKEDITOR_VUE
.
- Bump required version to Vue 3.4+. See #282.
- Change the global name used in the UMD build from
CKEditor
toCKEDITOR_VUE
. - Export the component as
Ckeditor
instead ofdefault.component
. Closes #284. - Migrate to Composition API. Closes #172.
- Migrate to ESM. See ckeditor/ckeditor5#16616.
- Remove argument from the
destroy
event, as it was alwaysnull
. Closes #283. - Rename main package exports to
CkeditorPlugin
andCkeditor
.
- Change the global name used in the UMD build from
CKEditor
toCKEDITOR_VUE
to match the new convention. See ckeditor/ckeditor5#16736. (commit) - Fix the component properties and event types. (commit)
- Use type of the passed
editor
prop rather than genericEditor
type. Closes #282. (commit)
- Rename exports to improve name of the editor component in Vue. (commit)
7.0.0-alpha.2 (2024-07-17)
- Change the global name used in the UMD build from
CKEditor
toCKEDITOR_VUE
.
- Change the global name used in the UMD build from
CKEditor
toCKEDITOR_VUE
to match the new convention. See ckeditor/ckeditor5#16736. (commit) - Fix the component properties and event types. (commit)
7.0.0-alpha.1 (2024-07-16)
- Rename main package exports to
CkeditorPlugin
andCkeditor
.
- Rename exports to improve name of the editor component in Vue. (commit)
7.0.0-alpha.0 (2024-07-15)
We are excited to announce the alpha release of the next major version of the Vue integration.
In this release, we have introduced the following breaking changes that should make using the integration more intuitive and easier.
-
Composition API: The integration has been rewritten in Composition API, which follows the recommended way of writing components in Vue 3.
-
Vue 3.4+: The minimum required version of Vue is now 3.4+ because we are using the Generics and
defineModel()
features to provide better typings for theeditor
prop and component events. -
ESM-first: Besides the UMD build, the integration is now available in ESM format. In most projects, the new ESM build should be automatically prioritized by bundlers and other tools.
-
Changed exports: We have changed how the Vue plugin and component are exported. The Vue plugin is no longer the
default
export but is exported asCKEditorPlugin
. The component is now exported asCKEditor
instead ofdefault.component
.Here's a comparison of how you can import the Vue plugin that registers a global
<ckeditor>
component:// Before the change import CKEditor from '@ckeditor/ckeditor5-vue'; // After the changes import { CKEditorPlugin } from '@ckeditor/ckeditor5-vue';
If you prefer to use a local component instead of a global component, here's a comparison of how you can import it:
// Before the change import CKEditor from '@ckeditor/ckeditor5-vue'; const component = CKEditor.component; // After the changes import { CKEditor } from '@ckeditor/ckeditor5-vue'; const component = CKEditor;
-
Remove the
editor
argument from thedestroy
event: Thedestroy
event no longer has aneditor
argument since it was alwaysnull
.
- The
@ckeditor/ckeditor5-vue
package requires Vue 3.4+. See #282. - Export the component as
CKEditor
instead ofdefault.component
. Closes #284. - Migrate to Composition API. Closes #172.
- Migrate to ESM. See ckeditor/ckeditor5#16616.
- Remove the argument from the
destroy
event, as it was alwaysnull
. Closes #283. - Replace the default export with named
CKEditorPlugin
export.
- Add UMD for better backward compatibility. (commit)
- Updated yarn.lock to fix dependabot alert. (commit)
6.0.0 (2024-06-26)
We are excited to announce the next major version of the Vue integration.
This release is intended to allow the integration to work with the latest version of new installation methods.
6.0.0-alpha.0 (2024-06-05)
We are happy to announce the alpha release of the next major version of the React integration.
This release is intended to allow the integration to work with existing and new installation methods announced in this post.
Please refer to our nightly documentation build for the installation instructions.
- Change the implementation to only depend on types from the
ckeditor5
packages and not runtime code to make the integration work with existing and new installation methods. (commit)
- Updated the required version of Node.js to 18 when developing the repository. See ckeditor/ckeditor5#14924. (commit)
5.1.0 (2023-04-18)
- Added
disableTwoWayDataBinding
property that allows disabling the two-way data binding. It increases performance when working with large documents. Closes ckeditor/ckeditor5-vue#246. (commit)
5.0.0 (2023-04-07)
This release introduces improved TypeScript support for better code suggestion and completion.
- Due to rewriting to TypeScript, the component requires CKEditor 5 typings that are available in version 37 or higher. See ckeditor/ckeditor5#11704.
- Upgraded the minimal versions of Node.js to
16.0.0
due to the end of LTS.
- Migrate the package to Typescript. Closes ckeditor/ckeditor5#13543. (commit, (commit))
- Updated the required version of Node.js to 16. (commit)
- Added a missing postinstall script to the published files. (commit)
5.0.0-alpha.2 (2023-03-29)
- Due to rewriting to TypeScript, the component requires CKEditor 5 typings that are available in version 37 or higher. See ckeditor/ckeditor5#11704.
- Upgraded the minimal versions of Node.js to
16.0.0
due to the end of LTS.
- Improve typings for events emitted by the Vue component. (commit)
- Updated the required version of Node.js to 16. (commit)
5.0.0-alpha.1 (2023-03-17)
- Added a missing postinstall script to published files. (commit)
5.0.0-alpha.0 (2023-03-17)
This release introduces improved TypeScript support for better code suggestion and completion.
Please keep in mind that the release is marked as alpha, which means it is an experimental version, and some unexpected results may occur when using these typings.
We appreciate your feedback, as it helps us significantly improve the project's final shape. Please share it here.
- Migrate the package to Typescript. Closes ckeditor/ckeditor5#13543. (commit)
4.0.1 (2022-05-18)
4.0.0 (2022-04-12)
- Due to introducing the lock mechanism for the
Editor#isReadOnly
property, the<CKEditor>
component uses the new way of enabling the read-only mode in the editor. The component requires an instance of CKEditor 5 in version 34 or higher. See ckeditor/ckeditor5#10496.
- Aligned the
<CKEditor>
component API to use the new lock mechanism when enabling/disabling the read-only mode. (commit) - Bumped Karma test runner to v6.x. Closes #210. (commit)
3.0.0 (2022-03-17)
- Upgraded the minimal versions of Node.js to
14.0.0
due to the end of LTS.
- Marked the editor instance
this.instance
as a raw object so that it will never be converted to a proxy. Closes #203. (commit)
- Updated the required version of Node.js to 14. See ckeditor/ckeditor5#10972. (commit)
2.0.1 (2020-11-23)
- When using the
<CKEditor>
component with an unsupported version of Vue.js, the component will display an error. Closes #170. (commit)
2.0.0 (2020-11-20)
The CKEditor 5 WYSIWYG editor component is compatible with Vue.js 3+. For Vue.js 2.x, check the dedicated @ckeditor/ckeditor5-vue2
component.
1.0.3 (2020-09-22)
- The editor should not slow down with lots of content when using the integration. Closes #153. (commit)
MINOR BREAKING CHANGES ℹ️
- The reference to the CKEditor 5 instance previously available under the
instance
property of the component (data) is now private ($_instance
). We recommend you use theready
component event to access the editor API instead.
1.0.2 (2020-09-01)
- The
#input
event should be fired immediately despite being debounced to prevent race conditions. Closes #149. (commit)
1.0.1 (2019-12-05)
1.0.0 (2019-09-20)
config.initialData
should be used to set the initial state of the editor instead of unsafeinnerHTML
. Closes #51. (950b49a)
1.0.0-beta.2 (2019-04-24)
- Improved performance when editing large content. Debounced the component
#input
event. Closes #42. (dfaee36) - The data initialization should not break collaboration. Instead of using
editor.setData()
, the initial content is now set viainnerHTML
of the source element. Closes #47. (6f821fa)
1.0.0-beta.1 (2018-11-06)
First developer preview. It contains a ready-to-use <ckeditor>
component that allows using CKEditor 5 Builds and CKEditor 5 Framework in Vue.js applications.