Coder Social home page Coder Social logo

wangeditor-mobile's Introduction

wangEditor-mobile 真正适用于手指触摸的富文本编辑器!

(该项目作者暂时不维护,可供学习交流,慎用于项目中,原因参见这里

wangEditor-mobile 是一款专门为手机、平板操作而设计、开发的富文本编辑器。它和传统编辑器相比,应该适用于小屏幕、手指触摸操作。


wangEditor-mobile 支持的系统和浏览器:

  • iOS:safari、chrome、UC、QQ浏览器、微信;
  • 安卓:chrome、UC、QQ浏览器、微信;

扫描二维码预览demo

二维码

官网:wangEditor.github.io/m

文档:www.kancloud.cn/wangfupeng/wangeditormobile/94402

wangeditor-mobile's People

Contributors

wangfupeng1988 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

wangeditor-mobile's Issues

编辑器追加内容,div滚动条如何滚到到最底部。。。谢谢

说下我目前所遇到的问题,

1.当全局菜单设置为空的时候,编辑器会出现黑边的情况。
___E.config.menus = [];
这个不好截图,点击文字就是出现菜单的最左边的黑条和倒三角。

2.当编辑器里面有很多内容,出现滚动条的时候,此时用户使用 $txt.append('追加内容aaaaa...');追加内容,当编辑器的滚动条在最顶部的时候,怎么才能使编辑器的滚动条会自动滚动到最底部。

3.使用$txt.text();获取text内容的时候,好像把换行符都去掉了,怎样设置不去掉换行符,保持现在格式状态。

4.在编辑器敲回车的时候好像是自动生成< div >< br >< /div > ,能不能换成< p >< br >< /p >这样。

issues 10

强迫症的我,看见issues只有9,忍不住水一贴。
问:
移动端跨域需要和pc端一样设置么?
editor.customConfig.withCredentials = true

图片选择

没有图片选择功能吗?就是直接在已经上传过的图片当中进行选择,并插入

在外部调用editor.menus.img.bindEvent里的$inputFlie(FileInput)

阅读您的代码对JS的封装及函数的调用又深入一些了解,做了一些改写使之能支持外部调用到图片上传的功能,实现如下,但也遇到一些问题,觉得自己还需要学习;
首先是增加内容,具体如下:

  1. 给editor.menus.img对象增加“img_InputFileId”属性,存储InputFile的ID;
  2. editor.menus.img.bindEvent中,给$inputFlie.on('change', function (e) {}中的鼠标定位的标签对象,“$focusElem”增加一个判断;代码如下:
    if(typeof($focusElem) === "undefined"){ log("如是外部调用Img,则图片定位于文字最后"); $focusElem = $(".wangEditor-mobile-txt").children().last(); }
    3.外部触发图片上传Input:$('#' + editor.menus.img.img_InputFileId).trigger('click');

其次介Old Plan:
给editor.menus.img对象增加“img_InputFile”属性,直接存储$('#' + inputFileId);对象;运行有问题,知道自己犯了一个概念性错误,但错在哪里,还请帮助指正一下。

最后,还请推荐一本关于JS封装、设计模式方面的书籍。目前也正在学习您的云网易课程。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.