iview / iview-editor Goto Github PK

View Code? Open in Web Editor NEW

222.0 222.0 23.0 638 KB

iView Editor

Home Page: http://editor.iviewui.com/

License: MIT License

JavaScript 40.10% HTML 5.24% Vue 41.56% CSS 13.10%

iview-editor's Introduction

iView

A high quality UI Toolkit built on Vue.js.

Docs

3.x | 2.x | 1.x

Features

Dozens of useful and beautiful components.
Friendly API. It's made for people with any skill level.
Extensive documentation and demos.
It is quite beautiful.
Supports both Vue.js 2 and Vue.js 1.

Who's using iView

If your company or products use iView, welcome to click here to leave a message.

Install

We provide an iView plugin for Vue CLI 3, which you can use to quickly build an iView-based project.

We also provide a starter kit iview-project for you.

Install iView

Using npm:

npm install iview --save

Using a script tag for global use:

<script type="text/javascript" src="iview.min.js"></script>
<link rel="stylesheet" href="dist/styles/iview.css">

You can find more info on the website.

Usage

<template>
    <Slider v-model="value" range />
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Using css via import:

import 'iview/dist/styles/iview.css';

Compatibility

Supports Vue.js 2.x
Supports Vue.js 1.x - visit 1.0 docs
Supports SSR
Supports Nuxt.js
Supports TypeScript
Supports Electron
Most components and features support IE9 and above browsers, some components and features do not support IE

Community

If you want to contribute or have questions or bugs to report:

Questions: Find other users at the Gitter chat or post on StackOverflow using [iview-ui] tag
Bugs: File a issue here - please provide a example so we can help you better
Contribute: Contact us in Gitter chat, WeChat or via mail to [email protected]. PRs welcome!

Major Contributors

Name	Name	Name
Aresn	jingsam	rijn
lcx960324	GITleonine1989	huixisheng
Sergio Crisostomo	lison16	Xotic750
huanghong1125	yangdan8

Ecosystem Links

License

MIT

iview-editor's People

Contributors

Stargazers

Watchers

iview-editor's Issues

导航的css引入错误

README.md里，iview-editor引入的css应该是
import 'iview-editor/dist/iview-editor.css';

当将编辑器放在Tabs组件中时候出现编辑器TabPanel混入父容器Tabs中，并导致出错

<template>
  <div>
    <Tabs name="tab">
      <TabPane label="标签a" tab="tab">
        <Tabs name="tab-2a">
          <TabPane label="标签2a1" tab="tab-2a">标签2a一的内容</TabPane>
          <TabPane label="标签2a2" tab="tab-2a">标签2a二的内容</TabPane>
        </Tabs>
      </TabPane>
      <TabPane label="标签b" tab="tab">
        <Tabs name="tab-2b">
          <TabPane label="标签2b1" tab="tab-2b">标签2b一的内容</TabPane>
          <TabPane label="标签2b2" tab="tab-2b">标签2b二的内容</TabPane>
        </Tabs>
      </TabPane>
      <TabPane label="标签C" tab="tab">
        <i-editor paste v-model="description" :config="config" :img-url="imgUrl" :autosize="{minRows: 10}"></i-editor>
      </TabPane>
    </Tabs>
  </div>
</template>

怎么获取渲染后的html

怎么配置渲染，用哪个标签展示预览的页面效果

auto-suggest & toolbar

关键字输入自动建议，像github的编辑器，输入#或@可以引用issues或用户，关键字应允许自定义
工具条，能提供一些快捷的样式编辑：加粗、斜体……

highlight如何配置

highlight	自定义预览里的代码块使用的言语解析，接收值 code，如果使用 highlightjs，iView Editor 默认集成了样式	Function

这里的highlight这个选项需要如何设置希望文档能给一个示例

常用 markdown 中的更多语法链接挂了

http://wowubuntu.com/markdown/
全球的DNS解析都没了，更换链接吧

README.md 错字

Github README.md 及 http://editor.iviewui.com/ 的范例：

import 'iview-editor/dist/i-editor.css';
要改成
import 'iview-editor/dist/iview-editor.css';

希望增加文档

没有文档看api看的不是太懂

Upload 组件鼠标滑入，边缘会出现虚线

目前 iview-editor 的 iView 版本还是 2.11.0
用 iView 3
Upload 组件鼠标滑入，边缘会出现虚线

npm run build 打包错误，内存溢出

npm run build 打包错误，内存总溢出，加了内存配置参数，还是溢出。

想自定义加属性都没办法。

在windows系统下使用.md文件导入功能，提示文件格式不正确

Potential security issue

Hey there!

I belong to an open source security research community, and a member (@ning1022) has found an issue, but doesn’t know the best way to disclose it.

If not a hassle, might you kindly add a SECURITY.md file with an email, or another contact method? GitHub recommends this best practice to ensure security issues are responsibly disclosed, and it would serve as a simple instruction for security researchers in the future.

Thank you for your consideration, and I look forward to hearing from you!

(cc @huntr-helper)

增加支持切换内容和预览
图片方式预览无法显示图片