# ll-editor

> 自己扩充ckEditor5插件，视频上传，和pdf上传

Latest version **1.0.5** (published 2021-05-17) · ISC license · 0 weekly downloads

## Install

```sh
npm install ll-editor
pnpm add ll-editor
yarn add ll-editor
bun add ll-editor
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2021-05-17 |
| First published | 2021-05-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 19 |
| Unpacked size | 2 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 2 |
| Author | lvshaoli |
| Maintainers | lvshaoli |
| Keywords | wysiwyg, rich text, editor, html, contentEditable, editing, vue, vue.js, vue component, vue.js component, ckeditor, ckeditor5, ckeditor 5, pdf, video |

## Links

- npm: https://www.npmjs.com/package/ll-editor
- Repository: https://github.com/lvshaoli/lleditor
- Homepage: https://github.com/lvshaoli/lleditor#readme
- Issues: https://github.com/lvshaoli/lleditor/issues
- npm.io page: https://npm.io/package/ll-editor

## Dependencies (19)

- [pdfjs-dist](https://npm.io/package/pdfjs-dist.md) 2.0.943
- [@babel/core](https://npm.io/package/@babel/core.md) ^7.0.0
- [babel-loader](https://npm.io/package/babel-loader.md) ^8.0.5
- [@ckeditor/ckeditor5-link](https://npm.io/package/@ckeditor/ckeditor5-link.md) ^27.1.0
- [@ckeditor/ckeditor5-list](https://npm.io/package/@ckeditor/ckeditor5-list.md) ^27.1.0
- [@ckeditor/ckeditor5-image](https://npm.io/package/@ckeditor/ckeditor5-image.md) ^27.1.0
- [@ckeditor/ckeditor5-heading](https://npm.io/package/@ckeditor/ckeditor5-heading.md) ^27.1.0
- [@ckeditor/ckeditor5-paragraph](https://npm.io/package/@ckeditor/ckeditor5-paragraph.md) ^27.1.0
- [@ckeditor/ckeditor5-autoformat](https://npm.io/package/@ckeditor/ckeditor5-autoformat.md) ^27.1.0
- [@ckeditor/ckeditor5-easy-image](https://npm.io/package/@ckeditor/ckeditor5-easy-image.md) ^27.1.0
- [@ckeditor/ckeditor5-essentials](https://npm.io/package/@ckeditor/ckeditor5-essentials.md) ^27.1.0
- [@ckeditor/ckeditor5-theme-lark](https://npm.io/package/@ckeditor/ckeditor5-theme-lark.md) ^27.1.0
- [@ckeditor/ckeditor5-block-quote](https://npm.io/package/@ckeditor/ckeditor5-block-quote.md) ^27.1.0
- [@ckeditor/ckeditor5-basic-styles](https://npm.io/package/@ckeditor/ckeditor5-basic-styles.md) ^27.1.0
- [@ckeditor/ckeditor5-build-classic](https://npm.io/package/@ckeditor/ckeditor5-build-classic.md) ^27.1.0
- [@ckeditor/ckeditor5-cloud-services](https://npm.io/package/@ckeditor/ckeditor5-cloud-services.md) ^27.1.0
- [@ckeditor/ckeditor5-editor-classic](https://npm.io/package/@ckeditor/ckeditor5-editor-classic.md) ^27.1.0
- [@ckeditor/ckeditor5-adapter-ckfinder](https://npm.io/package/@ckeditor/ckeditor5-adapter-ckfinder.md) ^27.1.0
- [@ckeditor/ckeditor5-paste-from-office](https://npm.io/package/@ckeditor/ckeditor5-paste-from-office.md) ^27.1.0

## Alternatives

- [@cantoo/pdf-lib](https://npm.io/package/@cantoo/pdf-lib.md) — 297.9K weekly downloads
- [datatables.net-buttons](https://npm.io/package/datatables.net-buttons.md) — 200.1K weekly downloads
- [@ckeditor/ckeditor5-export-pdf](https://npm.io/package/@ckeditor/ckeditor5-export-pdf.md) — 167.0K weekly downloads
- [scanbot-web-sdk](https://npm.io/package/scanbot-web-sdk.md) — 15.0K weekly downloads
- [@syncfusion/ej2-angular-pdfviewer](https://npm.io/package/@syncfusion/ej2-angular-pdfviewer.md) — 8.8K weekly downloads

## Recent versions

- 1.0.5 (latest) — 2021-05-17
- 1.0.4 — 2021-05-15
- 1.0.3 — 2021-05-14
- 1.0.2 — 2021-05-14
- 1.0.1 — 2021-05-14
- 1.0.0 — 2021-05-14

## README

##### 自己扩充ckEditor5插件，视频上传，和pdf上传

# 安装
```
npm install ll-editor/yarn add ll-editor
```
# 使用
```
<div id="editor" />

```
```
const myEditor = new MyEditor(
    {
        id: 'editor',
        ready: (editor) => {}, // 编辑器加载完毕
        disabled: false,  // 是否禁用
        editorConfig: {  // ckedior5相关配置
  language: "zh-cn",
        uploadVideo: ({ file, success }) => {
          console.log(file, success);
          setTimeout(() => {
            success &&
              success({
                src:
                  "http://xxx.xxx.xxx/image/v1/file/cache/download?key=video/test.mp4",
                name: "组件测试视频上传",
              });
          }, 5000);
        },
    }
);

```

```
获取编辑器内容
function _bind($editor) {
    const submitBtn = document.getElementById("submit");
    submitBtn.onclick = function () {
      const val = $editor.editor && $editor.editor.getData();
      console.log("editorGetValue", val);
    };
  };

  _bind(myEditor);
```

---
_Source: https://npm.io/package/ll-editor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._