* 1.类的有一些参数是可以使用默认设置的，我们这边给他一个使用默认设置的机会 * 2.类的有一些参数也可以是用户来配置的，所以说这里我们提供了一个设置参数的机会 */ - return freeMarkerConfigurationAdapter.createConfiguration(AlarmTplConfiguration.class); + return freeMarkerConfigurationAdapter.createConfiguration(TplService.class); } diff --git a/src/main/java/config/WebInitializer.java b/src/main/java/config/WebInitializer.java index 9a6480e..c6bf8fb 100644 --- a/src/main/java/config/WebInitializer.java +++ b/src/main/java/config/WebInitializer.java @@ -19,18 +19,17 @@ import filter.FilterDelegator; import filter.WelcomeHandlingFilter; /** + * * Created by com on 2017/7/25. *
- * 相当于web.xml的加载配置 - */ - -/*** + * 相当于web.xml的加载配置 + *
* FilterRegistration.Dynamic welcomePagFilter = container.addFilter("WelcomePagFilter", new WelcomePagFilter()); * welcomePagFilter.addMappingForUrlPatterns(EnumSet.of(DispatcherType.REQUEST), true, "/*"); * 上述是配置过滤器作用的请求. * 这里已经包装起来了 + * @author 志军 */ - public class WebInitializer extends AbstractAnnotationConfigDispatcherServletInitializer { diff --git a/src/main/java/config/exceptionHandler/AnnoExceptionHandler.java b/src/main/java/config/exceptionHandler/AnnoExceptionHandler.java index 4b2bdea..4b29f73 100644 --- a/src/main/java/config/exceptionHandler/AnnoExceptionHandler.java +++ b/src/main/java/config/exceptionHandler/AnnoExceptionHandler.java @@ -8,19 +8,18 @@ import org.springframework.web.servlet.ModelAndView; public class AnnoExceptionHandler { /** - * @a - * @param exception - * @return + * 可以直接写@ExceptionHandler,不指明异常类，会自动映射 */ - @ExceptionHandler(CustomGenericException.class)//可以直接写@ExceptionHandler,不指明异常类，会自动映射 - public ModelAndView customGenericExceptionHnadler(CustomGenericException exception){ //还可以声明接收其他任意参数 + @ExceptionHandler(CustomGenericException.class) + public ModelAndView customGenericExceptionHnadler(CustomGenericException exception){ + //还可以声明接收其他任意参数 ModelAndView modelAndView = new ModelAndView("generic_error"); modelAndView.addObject("errCode",exception.getErrCode()); modelAndView.addObject("errMsg",exception.getErrMsg()); return modelAndView; } - @ExceptionHandler(Exception.class)//可以直接写@EceptionHandler，IOExeption继承于Exception + @ExceptionHandler(Exception.class) public ModelAndView allExceptionHandler(Exception exception){ ModelAndView modelAndView = new ModelAndView("generic_error"); modelAndView.addObject("errMsg", "this is Exception.class"); @@ -34,12 +33,12 @@ public class AnnoExceptionHandler { private String errCode; private String errMsg; - public String getErrCode() { + String getErrCode() { return errCode; } - public String getErrMsg() { + String getErrMsg() { return errMsg; } diff --git a/src/main/java/config/response/ResponseObject.java b/src/main/java/config/response/ResponseObject.java index 6fb780d..6462df1 100644 --- a/src/main/java/config/response/ResponseObject.java +++ b/src/main/java/config/response/ResponseObject.java @@ -41,7 +41,7 @@ public class ResponseObjectCopyright: Copyright (c) 2018 + *
Company:网宿科技 + *
@author Administrator + *
@description 功能描述 + *
2018-12-26 22:11:24 + */ + +package controller; + + +import org.springframework.stereotype.Controller; +import org.springframework.web.bind.annotation.RequestMapping; + +import javax.servlet.http.HttpServletRequest; + +@Controller +@RequestMapping("/encoded/test/") +public class EncodedController { + + /** + * POST的方式，如果后端不设置过滤器去拦截请求并设置请求编码的话 + * 会根据Content-type的character来标识 + */ + + @RequestMapping(value = "/post-default") + public void postDefault(HttpServletRequest request){ + System.out.println(request.getCharacterEncoding()); + } + + @RequestMapping(value = "/post-utf8") + public void postUtf8(HttpServletRequest request){ + System.out.println(request.getCharacterEncoding()); + } + + + @RequestMapping(value = "/post-gbk") + public void postGbk(HttpServletRequest request){ + System.out.println(request.getCharacterEncoding()); + } + + @RequestMapping(value = "/get") + public void getGbk(HttpServletRequest request){ + System.out.println(request.getParameter("testName")); + } +} diff --git a/src/main/java/controller/FreemarkerController.java b/src/main/java/controller/FreemarkerController.java new file mode 100644 index 0000000..145253a --- /dev/null +++ b/src/main/java/controller/FreemarkerController.java @@ -0,0 +1,72 @@ +/* + * @(#) freemarkerController + * 版权声明 黄志军， 版权所有 违者必究 + * + *
Copyright: Copyright (c) 2018 + *
Company:黄志军 + *
@author selfImpr + *
2018-05-21 10:04:51 + *
@description + * + * + */ + +package controller; + +import freemarker.template.Configuration; +import freemarker.template.Template; +import freemarker.template.TemplateException; +import model.tpl.TplMessage; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.stereotype.Controller; +import org.springframework.ui.freemarker.FreeMarkerConfigurationFactory; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer; +import service.TplService; + +import java.io.IOException; +import java.io.StringWriter; +import java.io.Writer; +import java.text.DateFormat; +import java.text.SimpleDateFormat; +import java.util.Date; + + + +@Controller +public class FreemarkerController { + + @Autowired + private TplService tplService; + + @RequestMapping("/freemaker") + private String freeMaker() throws IOException, TemplateException { + TplMessage tplMessage = new TplMessage(); + tplMessage.setIdentification("[mx1234567890]"); + DateFormat dateFormat = new SimpleDateFormat("yyyy年mm月dd HH:MM:ss"); + tplMessage.setTime(dateFormat.format(new Date())); + tplMessage.setPlatform("XXXX平台"); + tplMessage.setStatistic("123333"); + + Template temp = tplService.getTemplate("alarm.tpl"); + Writer out = new StringWriter(); + temp.process(tplMessage, out); + System.out.print(temp.toString()); + return ""; + } + + + @RequestMapping("springMaker") + public void springMarker() throws IOException, TemplateException { + FreeMarkerConfigurationFactory freeMarkerConfigurationFactory = new FreeMarkerConfigurationFactory(); + freeMarkerConfigurationFactory.setDefaultEncoding("UTF-8"); + Configuration configuration = freeMarkerConfigurationFactory.createConfiguration(); + + FreeMarkerConfigurer freeMarkerConfigurer = new FreeMarkerConfigurer(); + freeMarkerConfigurer.setConfiguration(configuration); + + } + +} + + diff --git a/src/main/java/controller/FullFillTimeValueController.java b/src/main/java/controller/FullFillTimeValueController.java new file mode 100644 index 0000000..2b29133 --- /dev/null +++ b/src/main/java/controller/FullFillTimeValueController.java @@ -0,0 +1,73 @@ +/* + * @(#) FullFillTimeValueController + * 版权声明 网宿科技, 版权所有 违者必究 + * + *
Copyright: Copyright (c) 2018 + *
Company:网宿科技 + *
@author Administrator + *
@description 功能描述 + *
2018-11-24 01:14:40 + */ + +package controller; + +import com.google.common.collect.Lists; +import model.fullFillTime.OriginTimeValue; +import model.fullFillTime.TargetTimeValue; +import org.springframework.stereotype.Controller; +import org.springframework.web.bind.annotation.RequestMapping; +import util.time.FillFullTimeValueUtil; + +import java.time.LocalDateTime; +import java.util.List; +import java.util.TimeZone; + +/** + * @author 志军 + * 测试补时间点 + */ +@Controller +public class FullFillTimeValueController { + + + @RequestMapping(value = "/time-test") + public void fullFillTimeValue() { + List
Copyright: Copyright (c) 2018 + *
Company:黄志军 + *
@author selfImpr + *
2018-06-22 09:16:02 + *
@description + * + * + */ + +package controller; + +import model.redis.RedisUser; +import org.springframework.data.redis.core.RedisCallback; +import org.springframework.data.redis.core.RedisTemplate; +import org.springframework.data.redis.core.ValueOperations; +import org.springframework.stereotype.Controller; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.RequestMethod; + +import javax.annotation.Resource; +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; +import java.util.Map; +import java.util.Set; + +/** + * 为了方便使用，直接把到层的操作放在这里面 + */ + @Controller +public class RedisController { + + @Resource(name = "redisTemplate") + private RedisTemplate redisTemplate; + + + /** + * 非复杂对象的操作 + * 参考地址： http://www.cnblogs.com/qlqwjy/p/8562703.html + */ + + @RequestMapping(value = "/redis/simple", method = RequestMethod.GET) + public String simpleOperation() { + //String操作 + redisTemplate.opsForValue().set("myStr", "skyLine"); + redisTemplate.delete("myStr"); + redisTemplate.opsForValue().set("myStr", "skyLine"); + System.out.println(redisTemplate.opsForValue().get("myStr")); + System.out.println("---------------"); + // List读写 + redisTemplate.delete("myList"); + redisTemplate.opsForList().rightPush("myList", "T"); + redisTemplate.opsForList().rightPush("myList", "L"); + redisTemplate.opsForList().leftPush("myList", "A"); + List
Copyright: Copyright (c) 2018 + *
Company:网宿科技 + *
@author huangzj1 + *
@description 功能描述 + *
2018-12-16 17:27:24 + */ + +package controller; + +import logic.requestLimit.RequestLimit; +import org.springframework.stereotype.Controller; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.ResponseBody; + +import javax.servlet.http.HttpServletRequest; + +/** + * ${DESCRIPTION} + * + * @author huangzj1 + * @date 2018-12-16 17:27 + */ +@Controller +public class RequestLimitController { + + @RequestMapping(value = "/request/limit") + @RequestLimit(time = 55, count = 2, waits = 100) + @ResponseBody + public String requestLimit(HttpServletRequest request) { + System.out.println("我被打扰了"); + return "我被打扰了"; + } +} diff --git a/src/main/java/controller/WangEditorController.java b/src/main/java/controller/WangEditorController.java new file mode 100644 index 0000000..17caa86 --- /dev/null +++ b/src/main/java/controller/WangEditorController.java @@ -0,0 +1,112 @@ +package controller; + + +import com.alibaba.fastjson.JSONArray; +import com.alibaba.fastjson.JSONObject; +import org.apache.commons.fileupload.FileUploadException; +import org.springframework.stereotype.Controller; +import org.springframework.web.bind.annotation.RequestBody; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.RequestMethod; +import tool.WangEditorTool; + +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpServletResponse; +import java.io.IOException; +import java.io.PrintWriter; +import java.io.UnsupportedEncodingException; + + +/** + * @author 志军 + * 用来测试WangEditor插件 + */ + +@Controller +@RequestMapping("") +public class WangEditorController { + + @RequestMapping(value = "/Editor/index",method = RequestMethod.GET) + public String index(){ + return "wangEditor"; + } + + + @RequestMapping("/Editor/updateImage") + public void updateImage(HttpServletRequest request, HttpServletResponse response) throws FileUploadException, InterruptedException, IOException { + WangEditorTool tool = new WangEditorTool(request); + tool.execRequest(); + String fileName = "http://localhost:8033/Spring/" + tool.getMap().get("FilePath").toString().substring(78); + + String href = "
欢迎使用 wangEditor 富文本编辑器![](\"https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=714624164,1707887834&fm=27&gp=0.jpg\")
Copyright: Copyright (c) 2018 + *
Company:网宿科技 + *
@author Administrator + *
@description 功能描述 + *
2018-11-13 20:42:05 + */ + +package model.redis; + +import java.io.Serializable; + +public class RedisUser implements Serializable { + + /** + * 这个是用来测试redis存储复杂对象方法的对象 + */ + private static final long serialVersionUID = -5244288298702801619L; + + private String id; + + private String userName; + + private String sex; + + private int age; + + public String getId() { + return id; + } + + public void setId(String id) { + this.id = id; + } + + public String getUserName() { + return userName; + } + + public void setUserName(String userName) { + this.userName = userName; + } + + public String getSex() { + return sex; + } + + public void setSex(String sex) { + this.sex = sex; + } + + public int getAge() { + return age; + } + + public void setAge(int age) { + this.age = age; + } + + @Override + public String toString() { + return "User [id=" + id + ", userName=" + userName + ", sex=" + sex + ", age=" + age + "]"; + } +} diff --git a/src/main/java/model/tpl/TplMessage.java b/src/main/java/model/tpl/TplMessage.java new file mode 100644 index 0000000..8f7b386 --- /dev/null +++ b/src/main/java/model/tpl/TplMessage.java @@ -0,0 +1,56 @@ +/* + * @(#) TplMessage + * 版权声明 网宿科技, 版权所有 违者必究 + * + *
Copyright: Copyright (c) 2018 + *
Company:网宿科技 + *
@author Administrator + *
@description 功能描述 + *
2018-11-13 20:42:05 + */ + +package model.tpl; + +public class TplMessage { + + + private String identification; + + private String time; + + private String platform; + + private String statistic; + + public String getIdentification() { + return identification; + } + + public void setIdentification(String identification) { + this.identification = identification; + } + + public String getTime() { + return time; + } + + public void setTime(String time) { + this.time = time; + } + + public String getPlatform() { + return platform; + } + + public void setPlatform(String platform) { + this.platform = platform; + } + + public String getStatistic() { + return statistic; + } + + public void setStatistic(String statistic) { + this.statistic = statistic; + } +} diff --git a/src/main/java/service/MainService.java b/src/main/java/service/CommonService.java similarity index 70% rename from src/main/java/service/MainService.java rename to src/main/java/service/CommonService.java index 59e63f2..b2ffe2d 100644 --- a/src/main/java/service/MainService.java +++ b/src/main/java/service/CommonService.java @@ -4,10 +4,14 @@ package service; * Created by Administrator on 2017/7/18. * @author 志军 */ - public interface MainService { + public interface CommonService { String testAopParam(int a); void testAop(); + + + String cacheTest(); + } diff --git a/src/main/java/service/MainServiceImpl.java b/src/main/java/service/CommonServiceImpl.java similarity index 54% rename from src/main/java/service/MainServiceImpl.java rename to src/main/java/service/CommonServiceImpl.java index 21e1f0f..720eee5 100644 --- a/src/main/java/service/MainServiceImpl.java +++ b/src/main/java/service/CommonServiceImpl.java @@ -1,7 +1,7 @@ package service; +import org.springframework.cache.annotation.Cacheable; import org.springframework.stereotype.Service; -import org.springframework.transaction.annotation.Transactional; /** @@ -9,8 +9,7 @@ import org.springframework.transaction.annotation.Transactional; * @author 志军 */ @Service -@Transactional -public class MainServiceImpl implements MainService { +public class CommonServiceImpl implements CommonService { @Override @@ -23,4 +22,11 @@ public class MainServiceImpl implements MainService { System.out.println("测试Aop"); } + + @Override + @Cacheable(cacheNames = "bm") + public String cacheTest() { + System.out.println("我是cache，我执行了"); + return "123444"; + } } \ No newline at end of file diff --git a/src/main/java/service/TplService.java b/src/main/java/service/TplService.java new file mode 100644 index 0000000..b6081d0 --- /dev/null +++ b/src/main/java/service/TplService.java @@ -0,0 +1,24 @@ +/* + * @(#) AlarmTplConfiguration + * 版权声明 网宿科技, 版权所有 违者必究 + * + *
Copyright: Copyright (c) 2018 + *
Company:网宿科技 + *
@author Administrator + *
@description 功能描述 + *
2018-11-13 20:34:52 + */ + +package service; + +import freemarker.template.Configuration; +import freemarker.template.Version; + +public class TplService extends Configuration { + public TplService() { + } + + public TplService(Version incompatibleImprovements) { + super(incompatibleImprovements); + } +} diff --git a/src/main/java/tool/WangEditorTool.java b/src/main/java/tool/WangEditorTool.java new file mode 100644 index 0000000..e9b8a35 --- /dev/null +++ b/src/main/java/tool/WangEditorTool.java @@ -0,0 +1,267 @@ +package tool; + +import org.apache.commons.fileupload.FileItemIterator; +import org.apache.commons.fileupload.FileItemStream; +import org.apache.commons.fileupload.FileUploadException; +import org.apache.commons.fileupload.disk.DiskFileItemFactory; +import org.apache.commons.fileupload.servlet.ServletFileUpload; +import org.apache.commons.fileupload.util.Streams; +import util.Base64Util; + +import javax.servlet.http.HttpServletRequest; +import java.io.*; +import java.nio.charset.StandardCharsets; +import java.text.SimpleDateFormat; +import java.util.*; + +/** + * @author 志军 + * 配合Wangeditor一起处理的工具类 + */ +public class WangEditorTool { + //对request请求进行保存 + private HttpServletRequest request; + //保存文件名称 + private String fileName; + //保存文件的后缀 + private String suffix; + //保存完整的文件名 + private String completeFileName; + //用来存储FileItemStream的信息，看最后这些东西是什么 + private ArrayList
Copyright: Copyright (c) 2018 + *
Company:网宿科技 + *
@author Administrator + *
@description 功能描述 + *
2018-11-13 20:19:49 + */ + +package util.itext; + +import com.itextpdf.text.*; +import com.itextpdf.text.pdf.*; +import com.itextpdf.tool.xml.ElementList; +import com.itextpdf.tool.xml.XMLWorker; +import com.itextpdf.tool.xml.XMLWorkerHelper; +import com.itextpdf.tool.xml.css.CssFile; +import com.itextpdf.tool.xml.css.StyleAttrCSSResolver; +import com.itextpdf.tool.xml.html.TagProcessorFactory; +import com.itextpdf.tool.xml.parser.XMLParser; +import com.itextpdf.tool.xml.pipeline.css.CSSResolver; +import com.itextpdf.tool.xml.pipeline.css.CssResolverPipeline; +import com.itextpdf.tool.xml.pipeline.end.ElementHandlerPipeline; +import com.itextpdf.tool.xml.pipeline.html.HtmlPipeline; +import com.itextpdf.tool.xml.pipeline.html.HtmlPipelineContext; + +import java.io.ByteArrayInputStream; +import java.io.FileInputStream; +import java.io.IOException; +import java.io.InputStream; +import java.nio.charset.Charset; + +/** + * @author iText + */ +public class FillTemplateHelper extends PdfPageEventHelper { + + // initialized in constructor + protected PdfReader reader; + protected Rectangle pageSize; + protected Rectangle body; + protected float mLeft, mRight, mTop, mBottom; + protected Rectangle to; + protected Rectangle from; + protected Rectangle date; + protected Rectangle footer; + protected BaseFont basefont; + protected Font font; + // initialized with setter + protected String sender = ""; + protected String receiver = ""; + // initialized upon opening the document + protected PdfTemplate background; + protected PdfTemplate total; + + public FillTemplateHelper(String stationery) throws IOException, DocumentException { + reader = new PdfReader(stationery); + AcroFields fields = reader.getAcroFields(); + pageSize = reader.getPageSize(1); + body = fields.getFieldPositions("body").get(0).position; + mLeft = body.getLeft() - pageSize.getLeft(); + mRight = pageSize.getRight() - body.getRight(); + mTop = pageSize.getTop() - body.getTop(); + mBottom = body.getBottom() - pageSize.getBottom(); + footer = fields.getFieldPositions("footer").get(0).position; + basefont = BaseFont.createFont("STSong-Light", "UniGB-UCS2-H", BaseFont.NOT_EMBEDDED); + font = new Font(basefont, 12); + + } + + public static ElementList parseHtml(String content, String style, TagProcessorFactory tagProcessors) throws IOException { + // CSS + CSSResolver cssResolver = new StyleAttrCSSResolver(); + CssFile cssFile = XMLWorkerHelper.getCSS(new FileInputStream(style)); + cssResolver.addCss(cssFile); + // HTML + HtmlPipelineContext htmlContext = new HtmlPipelineContext(null); + htmlContext.setTagFactory(tagProcessors); + htmlContext.autoBookmark(false); + // Pipelines + ElementList elements = new ElementList(); + ElementHandlerPipeline end = new ElementHandlerPipeline(elements, null); + HtmlPipeline html = new HtmlPipeline(htmlContext, end); + CssResolverPipeline css = new CssResolverPipeline(cssResolver, html); + // XML Worker + XMLWorker worker = new XMLWorker(css, true); + XMLParser p = new XMLParser(worker); + p.parse(new FileInputStream(content), Charset.forName("utf8")); + return elements; + } + + public static ElementList parseHtmlContent(String content, String style, TagProcessorFactory tagProcessors) throws IOException { + // CSS + CSSResolver cssResolver = new StyleAttrCSSResolver(); + CssFile cssFile = XMLWorkerHelper.getCSS(new FileInputStream(style)); + cssResolver.addCss(cssFile); + // HTML + HtmlPipelineContext htmlContext = new HtmlPipelineContext(null); + htmlContext.setTagFactory(tagProcessors); + htmlContext.autoBookmark(false); + // Pipelines + ElementList elements = new ElementList(); + ElementHandlerPipeline end = new ElementHandlerPipeline(elements, null); + HtmlPipeline html = new HtmlPipeline(htmlContext, end); + CssResolverPipeline css = new CssResolverPipeline(cssResolver, html); + // XML Worker + XMLWorker worker = new XMLWorker(css, true); + XMLParser p = new XMLParser(worker); + try { + p.parse(getStringStream(content), Charset.forName("utf8")); + } catch (Exception e) { + e.printStackTrace(); + } + return elements; + } + + public static InputStream getStringStream(String sInputString) { + if (sInputString != null && !sInputString.trim().equals("")) { + try { + ByteArrayInputStream tInputStringStream = new ByteArrayInputStream(sInputString.getBytes("UTF-8")); + return tInputStringStream; + } catch (Exception ex) { + ex.printStackTrace(); + } + } + return null; + } + + public void setSender(String sender) { + this.sender = sender; + } + + public void setReceiver(String receiver) { + this.receiver = receiver; + } + + public Rectangle getPageSize() { + return pageSize; + } + + public float getmLeft() { + return mLeft; + } + + public float getmRight() { + return mRight; + } + + public float getmTop() { + return mTop; + } + + public float getmBottom() { + return mBottom; + } + + public Rectangle getBody() { + return body; + } + + @Override + public void onOpenDocument(PdfWriter writer, Document document) { + background = writer.getImportedPage(reader, 1); + total = writer.getDirectContent().createTemplate(30, 15); + } + + @Override + public void onEndPage(PdfWriter writer, Document document) { + PdfContentByte canvas = writer.getDirectContentUnder(); + // background + canvas.addTemplate(background, 0, 0); + try { + ColumnText ct = new ColumnText(canvas); + ct.setSimpleColumn(footer); + ct.addText(new Chunk(" " + writer.getPageNumber(), font)); + ct.addText(new Chunk(Image.getInstance(total), 0, 0)); + ct.go(); + } catch (DocumentException e) { + // can never happen, but if it does, we want to know! + throw new ExceptionConverter(e); + + } + } + + @Override + public void onCloseDocument(PdfWriter writer, Document document) { + // 关闭时可以知道总页数，写入页码 + String s = "/ " + (writer.getPageNumber()); + Phrase p = new Phrase(12, s, font); + ColumnText.showTextAligned(total, Element.ALIGN_LEFT, p, 0.5f, 0, 0); + } + + +} \ No newline at end of file diff --git a/src/main/java/util/itext/PDFUtils.java b/src/main/java/util/itext/PDFUtils.java new file mode 100644 index 0000000..b5be289 --- /dev/null +++ b/src/main/java/util/itext/PDFUtils.java @@ -0,0 +1,175 @@ + + +package util.itext; + +import com.itextpdf.text.*; +import com.itextpdf.text.pdf.*; +import com.itextpdf.tool.xml.ElementList; +import com.itextpdf.tool.xml.html.Tags; + +import java.io.FileOutputStream; +import java.io.IOException; +import java.text.SimpleDateFormat; +import java.util.Date; + +/** + * Created by huangzhijun on 2017/8/22. + * itext 用于生成pdf的工具类 + */ +public class PDFUtils { + /** + * 通过模板生成pdf文件 + * + * @param templatePath 模板路径 + * @param resultPath 生成路径 + * @param cssPath css路径 + * @param content 生成pdf的内容 + * @throws Exception + */ + public static void generalPDF(String templatePath, String resultPath, String cssPath, String content) throws Exception { + // 读取模板 + FillTemplateHelper template = new FillTemplateHelper(templatePath); + Document document = new Document(template.getPageSize(), + template.getmLeft(), template.getmRight(), template.getmTop(), template.getmBottom()); + // 创建pdf写对象 + PdfWriter writer = null; + FileOutputStream outputStream = new FileOutputStream(resultPath); + try { + writer = PdfWriter.getInstance(document, outputStream); + } catch (Exception e) { + e.printStackTrace(); + } + writer.setPageEvent(template); + //打开文件 + document.open(); + // 填充数据到文件中 + ElementList elements = FillTemplateHelper.parseHtmlContent(content, cssPath, Tags.getHtmlTagProcessorFactory()); + for (Element e : elements) { + document.add(e); + } + writer.setPageEmpty(false); + //关闭流操作 + document.close(); + writer.close(); + outputStream.close(); + } + + /** + * PDF盖章操作 + * 在PDF文档的最后一页盖章 + * @param RES 需要盖章的pdf文件地址 + * @param DEST 生成的新pdf文件地址 + * @param SEAL 印章图片的地址 + * @param company 落款名称及部门 + * @param dateName 落款时间名称 + * @throws DocumentException + * @throws IOException + */ + public static void sealDocument(String RES, String DEST, String SEAL, String company, String dateName, String time) throws DocumentException, IOException { + + PdfReader reader = new PdfReader(RES); + int numberOfPages = reader.getNumberOfPages(); + Rectangle pageSize = reader.getPageSize(1); + Document doc = new Document(pageSize); + PdfWriter writer_ = PdfWriter.getInstance(doc, new FileOutputStream(DEST)); + // 打开文档 + doc.open(); + PdfContentByte cb = writer_.getDirectContent(); + for (int i = 0; i < numberOfPages; ) { + { + i++; + //设置指定页的PagSize 包含Rotation（页面旋转度） +// doc.setPageSize(reader.getPageSizeWithRotation(i)); + //创建一个新的页面，需要注意的调用NewPage() ，PdfContentByte cb 对象会默认清空 + doc.newPage(); +// //获取指定页面的旋转度 +// int rotation = reader.getPageRotation(i); + //获取加载PDF的指定页内容 + PdfImportedPage page1 = writer_.getImportedPage(reader, i); + + //添加内容页到新的页面，并更加旋转度设置对应的旋转 + /* switch (rotation) { + case 90: + cb.addTemplate(page1, 0, -1, 1, 0, 0, reader.getPageSizeWithRotation(i).getHeight()); + break; + case 180: + cb.addTemplate(page1, -1, 0, 0, -1, reader.getPageSizeWithRotation(i).getWidth(), reader.getPageSizeWithRotation(i).getHeight()); + break; + case 270: + cb.addTemplate(page1, 0, 1, -1, 0, reader.getPageSizeWithRotation(i).getWidth(), 0); + break; + default: + cb.addTemplate(page1, 1, 0, 0, 1, 0, 0);//等同于 cb.AddTemplate(page1, 0,0) + break; + }*/ + cb.addTemplate(page1, 0, 0); + + if (i == numberOfPages)//如果是最后一页加入指定的图片 + { + //创建一个图片对象 + Image img = Image.getInstance(SEAL); + //设置图片的指定大小 + //img.ScaleToFit(140F, 320F); + //按比例缩放 + img.scalePercent(100); + BaseFont bf = BaseFont.createFont("STSong-Light", "UniGB-UCS2-H", BaseFont.NOT_EMBEDDED); + cb.beginText(); + //设置字体 大小 + cb.setFontAndSize(bf, 13); + //指定添加文字的绝对位置 + cb.setTextMatrix(350, 75); + //增加文本 + cb.showText(company); + //结束 + cb.endText(); + cb.beginText(); + //设置字体 大小 + cb.setFontAndSize(bf, 13); + //指定添加文字的绝对位置 + cb.setTextMatrix(350, 55); + if (org.apache.commons.lang3.StringUtils.isBlank(time)) { + Date date = new Date(); + SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd"); + time = format.format(date); + } + //增加文本 + cb.showText(dateName + "：" + time); + //结束 + cb.endText(); + //把图片增加到内容页的指定位子 b width c height e bottom f left +// use addImage(image, image_width, 0, 0, image_height, x, y) + cb.addImage(img, 130, 0, 0, 130, 400, 55); + } + } + } + System.out.println("盖章成功"); + doc.close(); + writer_.close(); + reader.close(); + + } + + /** + * 将页面传过来的内容重新组装为html + * @param content + * @return + */ + public String transToHtml(String content) { + StringBuffer sb = new StringBuffer(); + sb.append(""); + sb.append(""); + sb.append(""); + sb.append(""); + sb.append(""); + sb.append("
");
+ sb.append("
");
+ sb.append("");
+ sb.append("");
+ return sb.toString();
+ }
+
+
+}
diff --git a/src/main/java/util/time/FillFullTimeValueUtil.java b/src/main/java/util/time/FillFullTimeValueUtil.java
new file mode 100644
index 0000000..1860e6c
--- /dev/null
+++ b/src/main/java/util/time/FillFullTimeValueUtil.java
@@ -0,0 +1,119 @@
+
+
+package util.time;
+
+import com.google.common.collect.Lists;
+import model.fullFillTime.OriginTimeValue;
+import model.fullFillTime.TargetTimeValue;
+import org.springframework.util.CollectionUtils;
+
+import java.time.Instant;
+import java.time.LocalDateTime;
+import java.time.LocalTime;
+import java.util.*;
+import java.util.stream.Collectors;
+
+/**
+ * 补时间点工具类
+ * 之前在ws上班的时候，处理图标数据会遇到某些点没有数据的情况，就需要对这些时间点进行补点处理
+ *
+ * @author huangzj
+ * @date 2018-11-23 22:43:36
+ */
+public enum FillFullTimeValueUtil {
+ /**
+ * 分钟粒度
+ */
+ MINUTE {
+ @Override
+ public List");
+ sb.append(content);
+ sb.append("
");
+ sb.append("卧槽。配置这么简单？？？
+
+
+
+欢迎使用 wangEditor 富文本编辑器
++ + + + + + + + + diff --git a/src/main/webapp/js/wangEdit/fonts/w-e-icon.woff b/src/main/webapp/js/wangEdit/fonts/w-e-icon.woff new file mode 100644 index 0000000..fa64c4d Binary files /dev/null and b/src/main/webapp/js/wangEdit/fonts/w-e-icon.woff differ diff --git a/src/main/webapp/js/wangEdit/wangEditor.css b/src/main/webapp/js/wangEdit/wangEditor.css new file mode 100644 index 0000000..60bd97b --- /dev/null +++ b/src/main/webapp/js/wangEdit/wangEditor.css @@ -0,0 +1,404 @@ +.w-e-toolbar, +.w-e-text-container, +.w-e-menu-panel { + padding: 0; + margin: 0; + box-sizing: border-box; +} +.w-e-toolbar *, +.w-e-text-container *, +.w-e-menu-panel * { + padding: 0; + margin: 0; + box-sizing: border-box; +} +.w-e-clear-fix:after { + content: ""; + display: table; + clear: both; +} + +.w-e-toolbar .w-e-droplist { + position: absolute; + left: 0; + top: 0; + background-color: #fff; + border: 1px solid #f1f1f1; + border-right-color: #ccc; + border-bottom-color: #ccc; +} +.w-e-toolbar .w-e-droplist .w-e-dp-title { + text-align: center; + color: #999; + line-height: 2; + border-bottom: 1px solid #f1f1f1; + font-size: 13px; +} +.w-e-toolbar .w-e-droplist ul.w-e-list { + list-style: none; + line-height: 1; +} +.w-e-toolbar .w-e-droplist ul.w-e-list li.w-e-item { + color: #333; + padding: 5px 0; +} +.w-e-toolbar .w-e-droplist ul.w-e-list li.w-e-item:hover { + background-color: #f1f1f1; +} +.w-e-toolbar .w-e-droplist ul.w-e-block { + list-style: none; + text-align: left; + padding: 5px; +} +.w-e-toolbar .w-e-droplist ul.w-e-block li.w-e-item { + display: inline-block; + *display: inline; + *zoom: 1; + padding: 3px 5px; +} +.w-e-toolbar .w-e-droplist ul.w-e-block li.w-e-item:hover { + background-color: #f1f1f1; +} + +@font-face { + font-family: 'w-e-icon'; + src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('truetype'); + font-weight: normal; + font-style: normal; +} +[class^="w-e-icon-"], +[class*=" w-e-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'w-e-icon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.w-e-icon-close:before { + content: "\f00d"; +} +.w-e-icon-upload2:before { + content: "\e9c6"; +} +.w-e-icon-trash-o:before { + content: "\f014"; +} +.w-e-icon-header:before { + content: "\f1dc"; +} +.w-e-icon-pencil2:before { + content: "\e906"; +} +.w-e-icon-paint-brush:before { + content: "\f1fc"; +} +.w-e-icon-image:before { + content: "\e90d"; +} +.w-e-icon-play:before { + content: "\e912"; +} +.w-e-icon-location:before { + content: "\e947"; +} +.w-e-icon-undo:before { + content: "\e965"; +} +.w-e-icon-redo:before { + content: "\e966"; +} +.w-e-icon-quotes-left:before { + content: "\e977"; +} +.w-e-icon-list-numbered:before { + content: "\e9b9"; +} +.w-e-icon-list2:before { + content: "\e9bb"; +} +.w-e-icon-link:before { + content: "\e9cb"; +} +.w-e-icon-happy:before { + content: "\e9df"; +} +.w-e-icon-bold:before { + content: "\ea62"; +} +.w-e-icon-underline:before { + content: "\ea63"; +} +.w-e-icon-italic:before { + content: "\ea64"; +} +.w-e-icon-strikethrough:before { + content: "\ea65"; +} +.w-e-icon-table2:before { + content: "\ea71"; +} +.w-e-icon-paragraph-left:before { + content: "\ea77"; +} +.w-e-icon-paragraph-center:before { + content: "\ea78"; +} +.w-e-icon-paragraph-right:before { + content: "\ea79"; +} +.w-e-icon-terminal:before { + content: "\f120"; +} +.w-e-icon-page-break:before { + content: "\ea68"; +} +.w-e-icon-cancel-circle:before { + content: "\ea0d"; +} + +.w-e-toolbar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 0 5px; + /* 单个菜单 */ +} +.w-e-toolbar .w-e-menu { + position: relative; + text-align: center; + padding: 5px 10px; + cursor: pointer; +} +.w-e-toolbar .w-e-menu i { + color: #999; +} +.w-e-toolbar .w-e-menu:hover i { + color: #333; +} +.w-e-toolbar .w-e-active i { + color: #1e88e5; +} +.w-e-toolbar .w-e-active:hover i { + color: #1e88e5; +} + +.w-e-text-container .w-e-panel-container { + position: absolute; + top: 0; + left: 50%; + border: 1px solid #ccc; + border-top: 0; + box-shadow: 1px 1px 2px #ccc; + color: #333; + background-color: #fff; + /* 为 emotion panel 定制的样式 */ + /* 上传图片的 panel 定制样式 */ +} +.w-e-text-container .w-e-panel-container .w-e-panel-close { + position: absolute; + right: 0; + top: 0; + padding: 5px; + margin: 2px 5px 0 0; + cursor: pointer; + color: #999; +} +.w-e-text-container .w-e-panel-container .w-e-panel-close:hover { + color: #333; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-title { + list-style: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 14px; + margin: 2px 10px 0 10px; + border-bottom: 1px solid #f1f1f1; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-title .w-e-item { + padding: 3px 5px; + color: #999; + cursor: pointer; + margin: 0 3px; + position: relative; + top: 1px; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-title .w-e-active { + color: #333; + border-bottom: 1px solid #333; + cursor: default; + font-weight: 700; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content { + padding: 10px 15px 10px 15px; + font-size: 16px; + /* 输入框的样式 */ + /* 按钮的样式 */ +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content input:focus, +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content textarea:focus, +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content button:focus { + outline: none; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content textarea { + width: 100%; + border: 1px solid #ccc; + padding: 5px; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content textarea:focus { + border-color: #1e88e5; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text] { + border: none; + border-bottom: 1px solid #ccc; + font-size: 14px; + height: 20px; + color: #333; + text-align: left; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text].small { + width: 30px; + text-align: center; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text].block { + display: block; + width: 100%; + margin: 10px 0; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content input[type=text]:focus { + border-bottom: 2px solid #1e88e5; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button { + font-size: 14px; + color: #1e88e5; + border: none; + padding: 5px 10px; + background-color: #fff; + cursor: pointer; + border-radius: 3px; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.left { + float: left; + margin-right: 10px; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.right { + float: right; + margin-left: 10px; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.gray { + color: #999; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button.red { + color: #c24f4a; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button:hover { + background-color: #f1f1f1; +} +.w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container:after { + content: ""; + display: table; + clear: both; +} +.w-e-text-container .w-e-panel-container .w-e-emoticon-container .w-e-item { + cursor: pointer; + font-size: 18px; + padding: 0 3px; + display: inline-block; + *display: inline; + *zoom: 1; +} +.w-e-text-container .w-e-panel-container .w-e-up-img-container { + text-align: center; +} +.w-e-text-container .w-e-panel-container .w-e-up-img-container .w-e-up-btn { + display: inline-block; + *display: inline; + *zoom: 1; + color: #999; + cursor: pointer; + font-size: 60px; + line-height: 1; +} +.w-e-text-container .w-e-panel-container .w-e-up-img-container .w-e-up-btn:hover { + color: #333; +} + +.w-e-text-container { + position: relative; +} +.w-e-text-container .w-e-progress { + position: absolute; + background-color: #1e88e5; + bottom: 0; + left: 0; + height: 1px; +} +.w-e-text { + padding: 0 10px; + overflow-y: scroll; +} +.w-e-text p, +.w-e-text h1, +.w-e-text h2, +.w-e-text h3, +.w-e-text h4, +.w-e-text h5, +.w-e-text table, +.w-e-text pre { + margin: 10px 0; + line-height: 1.5; +} +.w-e-text ul, +.w-e-text ol { + margin: 10px 0 10px 20px; +} +.w-e-text blockquote { + display: block; + border-left: 8px solid #d0e5f2; + padding: 5px 10px; + margin: 10px 0; + line-height: 1.4; + font-size: 100%; + background-color: #f1f1f1; +} +.w-e-text code { + display: inline-block; + *display: inline; + *zoom: 1; + background-color: #f1f1f1; + border-radius: 3px; + padding: 3px 5px; + margin: 0 3px; +} +.w-e-text pre code { + display: block; +} +.w-e-text table { + border-top: 1px solid #ccc; + border-left: 1px solid #ccc; +} +.w-e-text table td, +.w-e-text table th { + border-bottom: 1px solid #ccc; + border-right: 1px solid #ccc; + padding: 3px 5px; +} +.w-e-text table th { + border-bottom: 2px solid #ccc; + text-align: center; +} +.w-e-text:focus { + outline: none; +} +.w-e-text img { + cursor: pointer; +} +.w-e-text img:hover { + box-shadow: 0 0 5px #333; +} diff --git a/src/main/webapp/js/wangEdit/wangEditor.js b/src/main/webapp/js/wangEdit/wangEditor.js new file mode 100644 index 0000000..c82459f --- /dev/null +++ b/src/main/webapp/js/wangEdit/wangEditor.js @@ -0,0 +1,4340 @@ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define(factory) : + (global.wangEditor = factory()); +}(this, (function () { 'use strict'; + +/* + poly-fill +*/ + +var polyfill = function () { + + // Object.assign + if (typeof Object.assign != 'function') { + Object.assign = function (target, varArgs) { + // .length of function is 2 + if (target == null) { + // TypeError if undefined or null + throw new TypeError('Cannot convert undefined or null to object'); + } + + var to = Object(target); + + for (var index = 1; index < arguments.length; index++) { + var nextSource = arguments[index]; + + if (nextSource != null) { + // Skip over if undefined or null + for (var nextKey in nextSource) { + // Avoid bugs when hasOwnProperty is shadowed + if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) { + to[nextKey] = nextSource[nextKey]; + } + } + } + } + return to; + }; + } + + // IE 中兼容 Element.prototype.matches + if (!Element.prototype.matches) { + Element.prototype.matches = Element.prototype.matchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.webkitMatchesSelector || function (s) { + var matches = (this.document || this.ownerDocument).querySelectorAll(s), + i = matches.length; + while (--i >= 0 && matches.item(i) !== this) {} + return i > -1; + }; + } +}; + +/* + DOM 操作 API +*/ + +// 根据 html 代码片段创建 dom 对象 +function createElemByHTML(html) { + var div = void 0; + div = document.createElement('div'); + div.innerHTML = html; + return div.children; +} + +// 是否是 DOM List +function isDOMList(selector) { + if (!selector) { + return false; + } + if (selector instanceof HTMLCollection || selector instanceof NodeList) { + return true; + } + return false; +} + +// 封装 document.querySelectorAll +function querySelectorAll(selector) { + var result = document.querySelectorAll(selector); + if (isDOMList(result)) { + return result; + } else { + return [result]; + } +} + +// 创建构造函数 +function DomElement(selector) { + if (!selector) { + return; + } + + // selector 本来就是 DomElement 对象，直接返回 + if (selector instanceof DomElement) { + return selector; + } + + this.selector = selector; + var nodeType = selector.nodeType; + + // 根据 selector 得出的结果（如 DOM，DOM List） + var selectorResult = []; + if (nodeType === 9) { + // document 节点 + selectorResult = [selector]; + } else if (nodeType === 1) { + // 单个 DOM 节点 + selectorResult = [selector]; + } else if (isDOMList(selector)) { + // DOM List + selectorResult = selector; + } else if (typeof selector === 'string') { + // 字符串 + selector = selector.replace('/\n/mg', '').trim(); + if (selector.indexOf('<') === 0) { + // 如
+ selectorResult = createElemByHTML(selector);
+ } else {
+ // 如 #id .class
+ selectorResult = querySelectorAll(selector);
+ }
+ }
+
+ var length = selectorResult.length;
+ if (!length) {
+ // 空数组
+ return this;
+ }
+
+ // 加入 DOM 节点
+ var i = void 0;
+ for (i = 0; i < length; i++) {
+ this[i] = selectorResult[i];
+ }
+ this.length = length;
+}
+
+// 修改原型
+DomElement.prototype = {
+ constructor: DomElement,
+
+ // 类数组，forEach
+ forEach: function forEach(fn) {
+ var i = void 0;
+ for (i = 0; i < this.length; i++) {
+ var elem = this[i];
+ var result = fn.call(elem, elem, i);
+ if (result === false) {
+ break;
+ }
+ }
+ return this;
+ },
+
+ // 获取第几个元素
+ get: function get(index) {
+ var length = this.length;
+ if (index >= length) {
+ index = index % length;
+ }
+ return $(this[index]);
+ },
+
+ // 第一个
+ first: function first() {
+ return this.get(0);
+ },
+
+ // 最后一个
+ last: function last() {
+ var length = this.length;
+ return this.get(length - 1);
+ },
+
+ // 绑定事件
+ on: function on(type, selector, fn) {
+ // selector 不为空，证明绑定事件要加代理
+ if (!fn) {
+ fn = selector;
+ selector = null;
+ }
+
+ // type 是否有多个
+ var types = [];
+ types = type.split(/\s+/);
+
+ return this.forEach(function (elem) {
+ types.forEach(function (type) {
+ if (!type) {
+ return;
+ }
+
+ if (!selector) {
+ // 无代理
+ elem.addEventListener(type, fn, false);
+ return;
+ }
+
+ // 有代理
+ elem.addEventListener(type, function (e) {
+ var target = e.target;
+ if (target.matches(selector)) {
+ fn.call(target, e);
+ }
+ }, false);
+ });
+ });
+ },
+
+ // 取消事件绑定
+ off: function off(type, fn) {
+ return this.forEach(function (elem) {
+ elem.removeEventListener(type, fn, false);
+ });
+ },
+
+ // 获取/设置 属性
+ attr: function attr(key, val) {
+ if (val == null) {
+ // 获取值
+ return this[0].getAttribute(key);
+ } else {
+ // 设置值
+ return this.forEach(function (elem) {
+ elem.setAttribute(key, val);
+ });
+ }
+ },
+
+ // 添加 class
+ addClass: function addClass(className) {
+ if (!className) {
+ return this;
+ }
+ return this.forEach(function (elem) {
+ var arr = void 0;
+ if (elem.className) {
+ // 解析当前 className 转换为数组
+ arr = elem.className.split(/\s/);
+ arr = arr.filter(function (item) {
+ return !!item.trim();
+ });
+ // 添加 class
+ if (arr.indexOf(className) < 0) {
+ arr.push(className);
+ }
+ // 修改 elem.class
+ elem.className = arr.join(' ');
+ } else {
+ elem.className = className;
+ }
+ });
+ },
+
+ // 删除 class
+ removeClass: function removeClass(className) {
+ if (!className) {
+ return this;
+ }
+ return this.forEach(function (elem) {
+ var arr = void 0;
+ if (elem.className) {
+ // 解析当前 className 转换为数组
+ arr = elem.className.split(/\s/);
+ arr = arr.filter(function (item) {
+ item = item.trim();
+ // 删除 class
+ if (!item || item === className) {
+ return false;
+ }
+ return true;
+ });
+ // 修改 elem.class
+ elem.className = arr.join(' ');
+ }
+ });
+ },
+
+ // 修改 css
+ css: function css(key, val) {
+ var currentStyle = key + ':' + val + ';';
+ return this.forEach(function (elem) {
+ var style = (elem.getAttribute('style') || '').trim();
+ var styleArr = void 0,
+ resultArr = [];
+ if (style) {
+ // 将 style 按照 ; 拆分为数组
+ styleArr = style.split(';');
+ styleArr.forEach(function (item) {
+ // 对每项样式，按照 : 拆分为 key 和 value
+ var arr = item.split(':').map(function (i) {
+ return i.trim();
+ });
+ if (arr.length === 2) {
+ resultArr.push(arr[0] + ':' + arr[1]);
+ }
+ });
+ // 替换或者新增
+ resultArr = resultArr.map(function (item) {
+ if (item.indexOf(key) === 0) {
+ return currentStyle;
+ } else {
+ return item;
+ }
+ });
+ if (resultArr.indexOf(currentStyle) < 0) {
+ resultArr.push(currentStyle);
+ }
+ // 结果
+ elem.setAttribute('style', resultArr.join('; '));
+ } else {
+ // style 无值
+ elem.setAttribute('style', currentStyle);
+ }
+ });
+ },
+
+ // 显示
+ show: function show() {
+ return this.css('display', 'block');
+ },
+
+ // 隐藏
+ hide: function hide() {
+ return this.css('display', 'none');
+ },
+
+ // 获取子节点
+ children: function children() {
+ var elem = this[0];
+ if (!elem) {
+ return null;
+ }
+
+ return $(elem.children);
+ },
+
+ // 增加子节点
+ append: function append($children) {
+ return this.forEach(function (elem) {
+ $children.forEach(function (child) {
+ elem.appendChild(child);
+ });
+ });
+ },
+
+ // 移除当前节点
+ remove: function remove() {
+ return this.forEach(function (elem) {
+ if (elem.remove) {
+ elem.remove();
+ } else {
+ var parent = elem.parentElement;
+ parent && parent.removeChild(elem);
+ }
+ });
+ },
+
+ // 是否包含某个子节点
+ isContain: function isContain($child) {
+ var elem = this[0];
+ var child = $child[0];
+ return elem.contains(child);
+ },
+
+ // 尺寸数据
+ getSizeData: function getSizeData() {
+ var elem = this[0];
+ return elem.getBoundingClientRect(); // 可得到 bottom height left right top width 的数据
+ },
+
+ // 封装 nodeName
+ getNodeName: function getNodeName() {
+ var elem = this[0];
+ return elem.nodeName;
+ },
+
+ // 从当前元素查找
+ find: function find(selector) {
+ var elem = this[0];
+ return $(elem.querySelectorAll(selector));
+ },
+
+ // 获取当前元素的 text
+ text: function text(val) {
+ if (!val) {
+ // 获取 text
+ var elem = this[0];
+ return elem.innerHTML.replace(/<.*?>/g, function () {
+ return '';
+ });
+ } else {
+ // 设置 text
+ return this.forEach(function (elem) {
+ elem.innerHTML = val;
+ });
+ }
+ },
+
+ // 获取 html
+ html: function html(value) {
+ var elem = this[0];
+ if (value == null) {
+ return elem.innerHTML;
+ } else {
+ elem.innerHTML = value;
+ return this;
+ }
+ },
+
+ // 获取 value
+ val: function val() {
+ var elem = this[0];
+ return elem.value.trim();
+ },
+
+ // focus
+ focus: function focus() {
+ return this.forEach(function (elem) {
+ elem.focus();
+ });
+ },
+
+ // parent
+ parent: function parent() {
+ var elem = this[0];
+ return $(elem.parentElement);
+ },
+
+ // parentUntil 找到符合 selector 的父节点
+ parentUntil: function parentUntil(selector, _currentElem) {
+ var results = document.querySelectorAll(selector);
+ var length = results.length;
+ if (!length) {
+ // 传入的 selector 无效
+ return null;
+ }
+
+ var elem = _currentElem || this[0];
+ if (elem.nodeName === 'BODY') {
+ return null;
+ }
+
+ var parent = elem.parentElement;
+ var i = void 0;
+ for (i = 0; i < length; i++) {
+ if (parent === results[i]) {
+ // 找到，并返回
+ return $(parent);
+ }
+ }
+
+ // 继续查找
+ return this.parentUntil(selector, parent);
+ },
+
+ // 判断两个 elem 是否相等
+ equal: function equal($elem) {
+ if ($elem.nodeType === 1) {
+ return this[0] === $elem;
+ } else {
+ return this[0] === $elem[0];
+ }
+ },
+
+ // 将该元素插入到某个元素前面
+ insertBefore: function insertBefore(selector) {
+ var $referenceNode = $(selector);
+ var referenceNode = $referenceNode[0];
+ if (!referenceNode) {
+ return this;
+ }
+ return this.forEach(function (elem) {
+ var parent = referenceNode.parentNode;
+ parent.insertBefore(elem, referenceNode);
+ });
+ },
+
+ // 将该元素插入到某个元素后面
+ insertAfter: function insertAfter(selector) {
+ var $referenceNode = $(selector);
+ var referenceNode = $referenceNode[0];
+ if (!referenceNode) {
+ return this;
+ }
+ return this.forEach(function (elem) {
+ var parent = referenceNode.parentNode;
+ if (parent.lastChild === referenceNode) {
+ // 最后一个元素
+ parent.appendChild(elem);
+ } else {
+ // 不是最后一个元素
+ parent.insertBefore(elem, referenceNode.nextSibling);
+ }
+ });
+ }
+};
+
+// new 一个对象
+function $(selector) {
+ return new DomElement(selector);
+}
+
+/*
+ 配置信息
+*/
+
+var config = {
+
+ // 默认菜单配置
+ menus: ['head', 'bold', 'italic', 'underline', 'strikeThrough', 'foreColor', 'backColor', 'link', 'list', 'justify', 'quote', 'emoticon', 'image', 'table', 'video', 'code', 'undo', 'redo'],
+
+ // // 语言配置
+ // lang: {
+ // '设置标题': 'title',
+ // '正文': 'p',
+ // '链接文字': 'link text',
+ // '链接': 'link',
+ // '插入': 'insert',
+ // '创建': 'init'
+ // },
+
+ // 编辑区域的 z-index
+ zIndex: 10000,
+
+ // 是否开启 debug 模式（debug 模式下错误会 throw error 形式抛出）
+ debug: false,
+
+ // 插入链接时候的格式校验
+ linkCheck: function linkCheck(text, link) {
+ // text 是插入的文字
+ // link 是插入的链接
+ return true; // 返回 true 即表示成功
+ // return '校验失败' // 返回字符串即表示失败的提示信息
+ },
+
+ // 插入网络图片的校验
+ linkImgCheck: function linkImgCheck(src) {
+ // src 即图片的地址
+ return true; // 返回 true 即表示成功
+ // return '校验失败' // 返回字符串即表示失败的提示信息
+ },
+
+ // 粘贴过滤样式，默认开启
+ pasteFilterStyle: true,
+
+ // 对粘贴的文字进行自定义处理，返回处理后的结果。编辑器会将处理后的结果粘贴到编辑区域中。
+ // IE 暂时不支持
+ pasteTextHandle: function pasteTextHandle(content) {
+ // content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回
+ return content;
+ },
+
+ // onchange 事件
+ // onchange: function (html) {
+ // // html 即变化之后的内容
+ // console.log(html)
+ // },
+
+ // 是否显示添加网络图片的 tab
+ showLinkImg: true,
+
+ // 插入网络图片的回调
+ linkImgCallback: function linkImgCallback(url) {
+ // console.log(url) // url 即插入图片的地址
+ },
+
+ // 默认上传图片 max size: 5M
+ uploadImgMaxSize: 5 * 1024 * 1024,
+
+ // 配置一次最多上传几个图片
+ // uploadImgMaxLength: 5,
+
+ // 上传图片，是否显示 base64 格式
+ uploadImgShowBase64: false,
+
+ // 上传图片，server 地址（如果有值，则 base64 格式的配置则失效）
+ // uploadImgServer: '/upload',
+
+ // 自定义配置 filename
+ uploadFileName: '',
+
+ // 上传图片的自定义参数
+ uploadImgParams: {
+ // token: 'abcdef12345'
+ },
+
+ // 上传图片的自定义header
+ uploadImgHeaders: {
+ // 'Accept': 'text/x-json'
+ },
+
+ // 配置 XHR withCredentials
+ withCredentials: false,
+
+ // 自定义上传图片超时时间 ms
+ uploadImgTimeout: 10000,
+
+ // 上传图片 hook
+ uploadImgHooks: {
+ // customInsert: function (insertLinkImg, result, editor) {
+ // console.log('customInsert')
+ // // 图片上传并返回结果，自定义插入图片的事件，而不是编辑器自动插入图片
+ // const data = result.data1 || []
+ // data.forEach(link => {
+ // insertLinkImg(link)
+ // })
+ // },
+ before: function before(xhr, editor, files) {
+ // 图片上传之前触发
+
+ // 如果返回的结果是 {prevent: true, msg: 'xxxx'} 则表示用户放弃上传
+ // return {
+ // prevent: true,
+ // msg: '放弃上传'
+ // }
+ },
+ success: function success(xhr, editor, result) {
+ // 图片上传并返回结果，图片插入成功之后触发
+ },
+ fail: function fail(xhr, editor, result) {
+ // 图片上传并返回结果，但图片插入错误时触发
+ },
+ error: function error(xhr, editor) {
+ // 图片上传出错时触发
+ },
+ timeout: function timeout(xhr, editor) {
+ // 图片上传超时时触发
+ }
+ },
+
+ // 是否上传七牛云，默认为 false
+ qiniu: false
+
+};
+
+/*
+ 工具
+*/
+
+// 和 UA 相关的属性
+var UA = {
+ _ua: navigator.userAgent,
+
+ // 是否 webkit
+ isWebkit: function isWebkit() {
+ var reg = /webkit/i;
+ return reg.test(this._ua);
+ },
+
+ // 是否 IE
+ isIE: function isIE() {
+ return 'ActiveXObject' in window;
+ }
+};
+
+// 遍历对象
+function objForEach(obj, fn) {
+ var key = void 0,
+ result = void 0;
+ for (key in obj) {
+ if (obj.hasOwnProperty(key)) {
+ result = fn.call(obj, key, obj[key]);
+ if (result === false) {
+ break;
+ }
+ }
+ }
+}
+
+// 遍历类数组
+function arrForEach(fakeArr, fn) {
+ var i = void 0,
+ item = void 0,
+ result = void 0;
+ var length = fakeArr.length || 0;
+ for (i = 0; i < length; i++) {
+ item = fakeArr[i];
+ result = fn.call(fakeArr, item, i);
+ if (result === false) {
+ break;
+ }
+ }
+}
+
+// 获取随机数
+function getRandom(prefix) {
+ return prefix + Math.random().toString().slice(2);
+}
+
+// 替换 html 特殊字符
+function replaceHtmlSymbol(html) {
+ if (html == null) {
+ return '';
+ }
+ return html.replace(//gm, '>').replace(/"/gm, '"');
+}
+
+// 返回百分比的格式
+
+/*
+ bold-menu
+*/
+// 构造函数
+function Bold(editor) {
+ this.editor = editor;
+ this.$elem = $('');
+ this.type = 'click';
+
+ // 当前是否 active 状态
+ this._active = false;
+}
+
+// 原型
+Bold.prototype = {
+ constructor: Bold,
+
+ // 点击事件
+ onClick: function onClick(e) {
+ // 点击菜单将触发这里
+
+ var editor = this.editor;
+ var isSeleEmpty = editor.selection.isSelectionEmpty();
+
+ if (isSeleEmpty) {
+ // 选区是空的，插入并选中一个“空白”
+ editor.selection.createEmptyRange();
+ }
+
+ // 执行 bold 命令
+ editor.cmd.do('bold');
+
+ if (isSeleEmpty) {
+ // 需要将选取折叠起来
+ editor.selection.collapseRange();
+ editor.selection.restoreSelection();
+ }
+ },
+
+ // 试图改变 active 状态
+ tryChangeActive: function tryChangeActive(e) {
+ var editor = this.editor;
+ var $elem = this.$elem;
+ if (editor.cmd.queryCommandState('bold')) {
+ this._active = true;
+ $elem.addClass('w-e-active');
+ } else {
+ this._active = false;
+ $elem.removeClass('w-e-active');
+ }
+ }
+};
+
+/*
+ 替换多语言
+ */
+
+var replaceLang = function (editor, str) {
+ var langArgs = editor.config.langArgs || [];
+ var result = str;
+
+ langArgs.forEach(function (item) {
+ var reg = item.reg;
+ var val = item.val;
+
+ if (reg.test(result)) {
+ result = result.replace(reg, function () {
+ return val;
+ });
+ }
+ });
+
+ return result;
+};
+
+/*
+ droplist
+*/
+var _emptyFn = function _emptyFn() {};
+
+// 构造函数
+function DropList(menu, opt) {
+ var _this = this;
+
+ // droplist 所依附的菜单
+ var editor = menu.editor;
+ this.menu = menu;
+ this.opt = opt;
+ // 容器
+ var $container = $('');
+
+ // 标题
+ var $title = opt.$title;
+ var titleHtml = void 0;
+ if ($title) {
+ // 替换多语言
+ titleHtml = $title.html();
+ titleHtml = replaceLang(editor, titleHtml);
+ $title.html(titleHtml);
+
+ $title.addClass('w-e-dp-title');
+ $container.append($title);
+ }
+
+ var list = opt.list || [];
+ var type = opt.type || 'list'; // 'list' 列表形式（如“标题”菜单） / 'inline-block' 块状形式（如“颜色”菜单）
+ var onClick = opt.onClick || _emptyFn;
+
+ // 加入 DOM 并绑定事件
+ var $list = $('' }, { $elem: $('
xxx
不符合预期
+ return;
+ }
+
+ editor.cmd.do('formatBlock', value);
+ },
+
+ // 试图改变 active 状态
+ tryChangeActive: function tryChangeActive(e) {
+ var editor = this.editor;
+ var $elem = this.$elem;
+ var reg = /^h/i;
+ var cmdValue = editor.cmd.queryCommandValue('formatBlock');
+ if (reg.test(cmdValue)) {
+ this._active = true;
+ $elem.addClass('w-e-active');
+ } else {
+ this._active = false;
+ $elem.removeClass('w-e-active');
+ }
+ }
+};
+
+/*
+ panel
+*/
+
+var emptyFn = function emptyFn() {};
+
+// 记录已经显示 panel 的菜单
+var _isCreatedPanelMenus = [];
+
+// 构造函数
+function Panel(menu, opt) {
+ this.menu = menu;
+ this.opt = opt;
+}
+
+// 原型
+Panel.prototype = {
+ constructor: Panel,
+
+ // 显示（插入DOM）
+ show: function show() {
+ var _this = this;
+
+ var menu = this.menu;
+ if (_isCreatedPanelMenus.indexOf(menu) >= 0) {
+ // 该菜单已经创建了 panel 不能再创建
+ return;
+ }
+
+ var editor = menu.editor;
+ var $body = $('body');
+ var $textContainerElem = editor.$textContainerElem;
+ var opt = this.opt;
+
+ // panel 的容器
+ var $container = $('');
+ var width = opt.width || 300; // 默认 300px
+ $container.css('width', width + 'px').css('margin-left', (0 - width) / 2 + 'px');
+
+ // 添加关闭按钮
+ var $closeBtn = $('');
+ $container.append($closeBtn);
+ $closeBtn.on('click', function () {
+ _this.hide();
+ });
+
+ // 准备 tabs 容器
+ var $tabTitleContainer = $('' + title + ' ');
+ $tabTitleContainer.append($title);
+ var $content = $(tpl);
+ $tabContentContainer.append($content);
+
+ // 记录到内存
+ $title._index = tabIndex;
+ tabTitleArr.push($title);
+ tabContentArr.push($content);
+
+ // 设置 active 项
+ if (tabIndex === 0) {
+ $title._active = true;
+ $title.addClass('w-e-active');
+ } else {
+ $content.hide();
+ }
+
+ // 绑定 tab 的事件
+ $title.on('click', function (e) {
+ if ($title._active) {
+ return;
+ }
+ // 隐藏所有的 tab
+ tabTitleArr.forEach(function ($title) {
+ $title._active = false;
+ $title.removeClass('w-e-active');
+ });
+ tabContentArr.forEach(function ($content) {
+ $content.hide();
+ });
+
+ // 显示当前的 tab
+ $title._active = true;
+ $title.addClass('w-e-active');
+ $content.show();
+ });
+ });
+
+ // 绑定关闭事件
+ $container.on('click', function (e) {
+ // 点击时阻止冒泡
+ e.stopPropagation();
+ });
+ $body.on('click', function (e) {
+ _this.hide();
+ });
+
+ // 添加到 DOM
+ $textContainerElem.append($container);
+
+ // 绑定 opt 的事件，只有添加到 DOM 之后才能绑定成功
+ tabs.forEach(function (tab, index) {
+ if (!tab) {
+ return;
+ }
+ var events = tab.events || [];
+ events.forEach(function (event) {
+ var selector = event.selector;
+ var type = event.type;
+ var fn = event.fn || emptyFn;
+ var $content = tabContentArr[index];
+ $content.find(selector).on(type, function (e) {
+ e.stopPropagation();
+ var needToHide = fn(e);
+ // 执行完事件之后，是否要关闭 panel
+ if (needToHide) {
+ _this.hide();
+ }
+ });
+ });
+ });
+
+ // focus 第一个 elem
+ var $inputs = $container.find('input[type=text],textarea');
+ if ($inputs.length) {
+ $inputs.get(0).focus();
+ }
+
+ // 添加到属性
+ this.$container = $container;
+
+ // 隐藏其他 panel
+ this._hideOtherPanels();
+ // 记录该 menu 已经创建了 panel
+ _isCreatedPanelMenus.push(menu);
+ },
+
+ // 隐藏（移除DOM）
+ hide: function hide() {
+ var menu = this.menu;
+ var $container = this.$container;
+ if ($container) {
+ $container.remove();
+ }
+
+ // 将该 menu 记录中移除
+ _isCreatedPanelMenus = _isCreatedPanelMenus.filter(function (item) {
+ if (item === menu) {
+ return false;
+ } else {
+ return true;
+ }
+ });
+ },
+
+ // 一个 panel 展示时，隐藏其他 panel
+ _hideOtherPanels: function _hideOtherPanels() {
+ if (!_isCreatedPanelMenus.length) {
+ return;
+ }
+ _isCreatedPanelMenus.forEach(function (menu) {
+ var panel = menu.panel || {};
+ if (panel.hide) {
+ panel.hide();
+ }
+ });
+ }
+};
+
+/*
+ menu - link
+*/
+// 构造函数
+function Link(editor) {
+ this.editor = editor;
+ this.$elem = $('');
+ this.type = 'panel';
+
+ // 当前是否 active 状态
+ this._active = false;
+}
+
+// 原型
+Link.prototype = {
+ constructor: Link,
+
+ // 点击事件
+ onClick: function onClick(e) {
+ var editor = this.editor;
+ var $linkelem = void 0;
+
+ if (this._active) {
+ // 当前选区在链接里面
+ $linkelem = editor.selection.getSelectionContainerElem();
+ if (!$linkelem) {
+ return;
+ }
+ // 将该元素都包含在选取之内，以便后面整体替换
+ editor.selection.createRangeByElem($linkelem);
+ editor.selection.restoreSelection();
+ // 显示 panel
+ this._createPanel($linkelem.text(), $linkelem.attr('href'));
+ } else {
+ // 当前选区不在链接里面
+ if (editor.selection.isSelectionEmpty()) {
+ // 选区是空的，未选中内容
+ this._createPanel('', '');
+ } else {
+ // 选中内容了
+ this._createPanel(editor.selection.getSelectionText(), '');
+ }
+ }
+ },
+
+ // 创建 panel
+ _createPanel: function _createPanel(text, link) {
+ var _this = this;
+
+ // panel 中需要用到的id
+ var inputLinkId = getRandom('input-link');
+ var inputTextId = getRandom('input-text');
+ var btnOkId = getRandom('btn-ok');
+ var btnDelId = getRandom('btn-del');
+
+ // 是否显示“删除链接”
+ var delBtnDisplay = this._active ? 'inline-block' : 'none';
+
+ // 初始化并显示 panel
+ var panel = new Panel(this, {
+ width: 300,
+ // panel 中可包含多个 tab
+ tabs: [{
+ // tab 的标题
+ title: '链接',
+ // 模板
+ tpl: '
设置标题
'), + type: 'list', // droplist 以列表形式展示 + list: [{ $elem: $('H1
'), value: '' }, { $elem: $('H2
'), value: '' }, { $elem: $('H3
'), value: '' }, { $elem: $('H4
'), value: '' }, { $elem: $('H5
'), value: '' }, { $elem: $('
H3
'), value: '' }, { $elem: $('H4
'), value: '' }, { $elem: $('H5
'), value: '' }, { $elem: $('
H5
'), value: '' }, { $elem: $('
正文
'), value: '' }], + onClick: function onClick(value) { + // 注意 this 是指向当前的 Head 对象 + _this._command(value); + } + }); +} + +// 原型 +Head.prototype = { + constructor: Head, + + // 执行命令 + _command: function _command(value) { + var editor = this.editor; + + var $selectionElem = editor.selection.getSelectionContainerElem(); + if (editor.$textElem.equal($selectionElem)) { + // 不能选中多行来设置标题，否则会出现问题 + // 例如选中的是
xxx
yyy
来设置标题，设置之后会成为xxx
yyy
不符合预期
+ return;
+ }
+
+ editor.cmd.do('formatBlock', value);
+ },
+
+ // 试图改变 active 状态
+ tryChangeActive: function tryChangeActive(e) {
+ var editor = this.editor;
+ var $elem = this.$elem;
+ var reg = /^h/i;
+ var cmdValue = editor.cmd.queryCommandValue('formatBlock');
+ if (reg.test(cmdValue)) {
+ this._active = true;
+ $elem.addClass('w-e-active');
+ } else {
+ this._active = false;
+ $elem.removeClass('w-e-active');
+ }
+ }
+};
+
+/*
+ panel
+*/
+
+var emptyFn = function emptyFn() {};
+
+// 记录已经显示 panel 的菜单
+var _isCreatedPanelMenus = [];
+
+// 构造函数
+function Panel(menu, opt) {
+ this.menu = menu;
+ this.opt = opt;
+}
+
+// 原型
+Panel.prototype = {
+ constructor: Panel,
+
+ // 显示（插入DOM）
+ show: function show() {
+ var _this = this;
+
+ var menu = this.menu;
+ if (_isCreatedPanelMenus.indexOf(menu) >= 0) {
+ // 该菜单已经创建了 panel 不能再创建
+ return;
+ }
+
+ var editor = menu.editor;
+ var $body = $('body');
+ var $textContainerElem = editor.$textContainerElem;
+ var opt = this.opt;
+
+ // panel 的容器
+ var $container = $('');
+ var width = opt.width || 300; // 默认 300px
+ $container.css('width', width + 'px').css('margin-left', (0 - width) / 2 + 'px');
+
+ // 添加关闭按钮
+ var $closeBtn = $('');
+ $container.append($closeBtn);
+ $closeBtn.on('click', function () {
+ _this.hide();
+ });
+
+ // 准备 tabs 容器
+ var $tabTitleContainer = $('\n \n \n \n
',
+ // 事件绑定
+ events: [
+ // 插入链接
+ {
+ selector: '#' + btnOkId,
+ type: 'click',
+ fn: function fn() {
+ // 执行插入链接
+ var $link = $('#' + inputLinkId);
+ var $text = $('#' + inputTextId);
+ var link = $link.val();
+ var text = $text.val();
+ _this._insertLink(text, link);
+
+ // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭
+ return true;
+ }
+ },
+ // 删除链接
+ {
+ selector: '#' + btnDelId,
+ type: 'click',
+ fn: function fn() {
+ // 执行删除链接
+ _this._delLink();
+
+ // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭
+ return true;
+ }
+ }]
+ } // tab end
+ ] // tabs end
+ });
+
+ // 显示 panel
+ panel.show();
+
+ // 记录属性
+ this.panel = panel;
+ },
+
+ // 删除当前链接
+ _delLink: function _delLink() {
+ if (!this._active) {
+ return;
+ }
+ var editor = this.editor;
+ var $selectionELem = editor.selection.getSelectionContainerElem();
+ if (!$selectionELem) {
+ return;
+ }
+ var selectionText = editor.selection.getSelectionText();
+ editor.cmd.do('insertHTML', '' + selectionText + '');
+ },
+
+ // 插入链接
+ _insertLink: function _insertLink(text, link) {
+ if (!text || !link) {
+ return;
+ }
+ var editor = this.editor;
+ var config = editor.config;
+ var linkCheck = config.linkCheck;
+ var checkResult = true; // 默认为 true
+ if (linkCheck && typeof linkCheck === 'function') {
+ checkResult = linkCheck(text, link);
+ }
+ if (checkResult === true) {
+ editor.cmd.do('insertHTML', '' + text + '');
+ } else {
+ alert(checkResult);
+ }
+ },
+
+ // 试图改变 active 状态
+ tryChangeActive: function tryChangeActive(e) {
+ var editor = this.editor;
+ var $elem = this.$elem;
+ var $selectionELem = editor.selection.getSelectionContainerElem();
+ if (!$selectionELem) {
+ return;
+ }
+ if ($selectionELem.getNodeName() === 'A') {
+ this._active = true;
+ $elem.addClass('w-e-active');
+ } else {
+ this._active = false;
+ $elem.removeClass('w-e-active');
+ }
+ }
+};
+
+/*
+ italic-menu
+*/
+// 构造函数
+function Italic(editor) {
+ this.editor = editor;
+ this.$elem = $('');
+ this.type = 'click';
+
+ // 当前是否 active 状态
+ this._active = false;
+}
+
+// 原型
+Italic.prototype = {
+ constructor: Italic,
+
+ // 点击事件
+ onClick: function onClick(e) {
+ // 点击菜单将触发这里
+
+ var editor = this.editor;
+ var isSeleEmpty = editor.selection.isSelectionEmpty();
+
+ if (isSeleEmpty) {
+ // 选区是空的，插入并选中一个“空白”
+ editor.selection.createEmptyRange();
+ }
+
+ // 执行 italic 命令
+ editor.cmd.do('italic');
+
+ if (isSeleEmpty) {
+ // 需要将选取折叠起来
+ editor.selection.collapseRange();
+ editor.selection.restoreSelection();
+ }
+ },
+
+ // 试图改变 active 状态
+ tryChangeActive: function tryChangeActive(e) {
+ var editor = this.editor;
+ var $elem = this.$elem;
+ if (editor.cmd.queryCommandState('italic')) {
+ this._active = true;
+ $elem.addClass('w-e-active');
+ } else {
+ this._active = false;
+ $elem.removeClass('w-e-active');
+ }
+ }
+};
+
+/*
+ redo-menu
+*/
+// 构造函数
+function Redo(editor) {
+ this.editor = editor;
+ this.$elem = $('');
+ this.type = 'click';
+
+ // 当前是否 active 状态
+ this._active = false;
+}
+
+// 原型
+Redo.prototype = {
+ constructor: Redo,
+
+ // 点击事件
+ onClick: function onClick(e) {
+ // 点击菜单将触发这里
+
+ var editor = this.editor;
+
+ // 执行 redo 命令
+ editor.cmd.do('redo');
+ }
+};
+
+/*
+ strikeThrough-menu
+*/
+// 构造函数
+function StrikeThrough(editor) {
+ this.editor = editor;
+ this.$elem = $('');
+ this.type = 'click';
+
+ // 当前是否 active 状态
+ this._active = false;
+}
+
+// 原型
+StrikeThrough.prototype = {
+ constructor: StrikeThrough,
+
+ // 点击事件
+ onClick: function onClick(e) {
+ // 点击菜单将触发这里
+
+ var editor = this.editor;
+ var isSeleEmpty = editor.selection.isSelectionEmpty();
+
+ if (isSeleEmpty) {
+ // 选区是空的，插入并选中一个“空白”
+ editor.selection.createEmptyRange();
+ }
+
+ // 执行 strikeThrough 命令
+ editor.cmd.do('strikeThrough');
+
+ if (isSeleEmpty) {
+ // 需要将选取折叠起来
+ editor.selection.collapseRange();
+ editor.selection.restoreSelection();
+ }
+ },
+
+ // 试图改变 active 状态
+ tryChangeActive: function tryChangeActive(e) {
+ var editor = this.editor;
+ var $elem = this.$elem;
+ if (editor.cmd.queryCommandState('strikeThrough')) {
+ this._active = true;
+ $elem.addClass('w-e-active');
+ } else {
+ this._active = false;
+ $elem.removeClass('w-e-active');
+ }
+ }
+};
+
+/*
+ underline-menu
+*/
+// 构造函数
+function Underline(editor) {
+ this.editor = editor;
+ this.$elem = $('');
+ this.type = 'click';
+
+ // 当前是否 active 状态
+ this._active = false;
+}
+
+// 原型
+Underline.prototype = {
+ constructor: Underline,
+
+ // 点击事件
+ onClick: function onClick(e) {
+ // 点击菜单将触发这里
+
+ var editor = this.editor;
+ var isSeleEmpty = editor.selection.isSelectionEmpty();
+
+ if (isSeleEmpty) {
+ // 选区是空的，插入并选中一个“空白”
+ editor.selection.createEmptyRange();
+ }
+
+ // 执行 underline 命令
+ editor.cmd.do('underline');
+
+ if (isSeleEmpty) {
+ // 需要将选取折叠起来
+ editor.selection.collapseRange();
+ editor.selection.restoreSelection();
+ }
+ },
+
+ // 试图改变 active 状态
+ tryChangeActive: function tryChangeActive(e) {
+ var editor = this.editor;
+ var $elem = this.$elem;
+ if (editor.cmd.queryCommandState('underline')) {
+ this._active = true;
+ $elem.addClass('w-e-active');
+ } else {
+ this._active = false;
+ $elem.removeClass('w-e-active');
+ }
+ }
+};
+
+/*
+ undo-menu
+*/
+// 构造函数
+function Undo(editor) {
+ this.editor = editor;
+ this.$elem = $('');
+ this.type = 'click';
+
+ // 当前是否 active 状态
+ this._active = false;
+}
+
+// 原型
+Undo.prototype = {
+ constructor: Undo,
+
+ // 点击事件
+ onClick: function onClick(e) {
+ // 点击菜单将触发这里
+
+ var editor = this.editor;
+
+ // 执行 undo 命令
+ editor.cmd.do('undo');
+ }
+};
+
+/*
+ menu - list
+*/
+// 构造函数
+function List(editor) {
+ var _this = this;
+
+ this.editor = editor;
+ this.$elem = $('');
+ this.type = 'droplist';
+
+ // 当前是否 active 状态
+ this._active = false;
+
+ // 初始化 droplist
+ this.droplist = new DropList(this, {
+ width: 120,
+ $title: $('设置列表
'), + type: 'list', // droplist 以列表形式展示 + list: [{ $elem: $(' 有序列表'), value: 'insertOrderedList' }, { $elem: $(' 无序列表'), value: 'insertUnorderedList' }], + onClick: function onClick(value) { + // 注意 this 是指向当前的 List 对象 + _this._command(value); + } + }); +} + +// 原型 +List.prototype = { + constructor: List, + + // 执行命令 + _command: function _command(value) { + var editor = this.editor; + var $textElem = editor.$textElem; + editor.selection.restoreSelection(); + if (editor.cmd.queryCommandState(value)) { + return; + } + editor.cmd.do(value); + + // 验证列表是否被包裹在之内 + var $selectionElem = editor.selection.getSelectionContainerElem(); + if ($selectionElem.getNodeName() === 'LI') { + $selectionElem = $selectionElem.parent(); + } + if (/^ol|ul$/i.test($selectionElem.getNodeName()) === false) { + return; + } + if ($selectionElem.equal($textElem)) { + // 证明是顶级标签，没有被
包裹 + return; + } + var $parent = $selectionElem.parent(); + if ($parent.equal($textElem)) { + // $parent 是顶级标签，不能删除 + return; + } + + $selectionElem.insertAfter($parent); + $parent.remove(); + }, + + // 试图改变 active 状态 + tryChangeActive: function tryChangeActive(e) { + var editor = this.editor; + var $elem = this.$elem; + if (editor.cmd.queryCommandState('insertUnOrderedList') || editor.cmd.queryCommandState('insertOrderedList')) { + this._active = true; + $elem.addClass('w-e-active'); + } else { + this._active = false; + $elem.removeClass('w-e-active'); + } + } +}; + +/* + menu - justify +*/ +// 构造函数 +function Justify(editor) { + var _this = this; + + this.editor = editor; + this.$elem = $('
'); + this.type = 'droplist'; + + // 当前是否 active 状态 + this._active = false; + + // 初始化 droplist + this.droplist = new DropList(this, { + width: 100, + $title: $('对齐方式
'), + type: 'list', // droplist 以列表形式展示 + list: [{ $elem: $(' 靠左'), value: 'justifyLeft' }, { $elem: $(' 居中'), value: 'justifyCenter' }, { $elem: $(' 靠右'), value: 'justifyRight' }], + onClick: function onClick(value) { + // 注意 this 是指向当前的 List 对象 + _this._command(value); + } + }); +} + +// 原型 +Justify.prototype = { + constructor: Justify, + + // 执行命令 + _command: function _command(value) { + var editor = this.editor; + editor.cmd.do(value); + } +}; + +/* + menu - Forecolor +*/ +// 构造函数 +function ForeColor(editor) { + var _this = this; + + this.editor = editor; + this.$elem = $(''); + this.type = 'droplist'; + + // 当前是否 active 状态 + this._active = false; + + // 初始化 droplist + this.droplist = new DropList(this, { + width: 120, + $title: $('文字颜色
'), + type: 'inline-block', // droplist 内容以 block 形式展示 + list: [{ $elem: $(''), value: '#000000' }, { $elem: $(''), value: '#eeece0' }, { $elem: $(''), value: '#1c487f' }, { $elem: $(''), value: '#4d80bf' }, { $elem: $(''), value: '#c24f4a' }, { $elem: $(''), value: '#8baa4a' }, { $elem: $(''), value: '#7b5ba1' }, { $elem: $(''), value: '#46acc8' }, { $elem: $(''), value: '#f9963b' }, { $elem: $(''), value: '#ffffff' }], + onClick: function onClick(value) { + // 注意 this 是指向当前的 ForeColor 对象 + _this._command(value); + } + }); +} + +// 原型 +ForeColor.prototype = { + constructor: ForeColor, + + // 执行命令 + _command: function _command(value) { + var editor = this.editor; + editor.cmd.do('foreColor', value); + } +}; + +/* + menu - BackColor +*/ +// 构造函数 +function BackColor(editor) { + var _this = this; + + this.editor = editor; + this.$elem = $(''); + this.type = 'droplist'; + + // 当前是否 active 状态 + this._active = false; + + // 初始化 droplist + this.droplist = new DropList(this, { + width: 120, + $title: $('背景色
'), + type: 'inline-block', // droplist 内容以 block 形式展示 + list: [{ $elem: $(''), value: '#000000' }, { $elem: $(''), value: '#eeece0' }, { $elem: $(''), value: '#1c487f' }, { $elem: $(''), value: '#4d80bf' }, { $elem: $(''), value: '#c24f4a' }, { $elem: $(''), value: '#8baa4a' }, { $elem: $(''), value: '#7b5ba1' }, { $elem: $(''), value: '#46acc8' }, { $elem: $(''), value: '#f9963b' }, { $elem: $(''), value: '#ffffff' }], + onClick: function onClick(value) { + // 注意 this 是指向当前的 BackColor 对象 + _this._command(value); + } + }); +} + +// 原型 +BackColor.prototype = { + constructor: BackColor, + + // 执行命令 + _command: function _command(value) { + var editor = this.editor; + editor.cmd.do('backColor', value); + } +}; + +/* + menu - quote +*/ +// 构造函数 +function Quote(editor) { + this.editor = editor; + this.$elem = $(''); + this.type = 'click'; + + // 当前是否 active 状态 + this._active = false; +} + +// 原型 +Quote.prototype = { + constructor: Quote, + + onClick: function onClick(e) { + var editor = this.editor; + var $selectionElem = editor.selection.getSelectionContainerElem(); + var nodeName = $selectionElem.getNodeName(); + + if (!UA.isIE()) { + if (nodeName === 'BLOCKQUOTE') { + // 撤销 quote + editor.cmd.do('formatBlock', ''); + } else { + // 转换为 quote + editor.cmd.do('formatBlock', '
'); + } + return; + } + + // IE 中不支持 formatBlock，要用其他方式兼容 + var content = void 0, + $targetELem = void 0; + if (nodeName === 'P') { + // 将 P 转换为 quote + content = $selectionElem.text(); + $targetELem = $('' + content + ''); + $targetELem.insertAfter($selectionElem); + $selectionElem.remove(); + return; + } + if (nodeName === 'BLOCKQUOTE') { + // 撤销 quote + content = $selectionElem.text(); + $targetELem = $('' + content + '
'); + $targetELem.insertAfter($selectionElem); + $selectionElem.remove(); + } + }, + + tryChangeActive: function tryChangeActive(e) { + var editor = this.editor; + var $elem = this.$elem; + var reg = /^BLOCKQUOTE$/i; + var cmdValue = editor.cmd.queryCommandValue('formatBlock'); + if (reg.test(cmdValue)) { + this._active = true; + $elem.addClass('w-e-active'); + } else { + this._active = false; + $elem.removeClass('w-e-active'); + } + } +}; + +/* + menu - code +*/ +// 构造函数 +function Code(editor) { + this.editor = editor; + this.$elem = $(''); + this.type = 'panel'; + + // 当前是否 active 状态 + this._active = false; +} + +// 原型 +Code.prototype = { + constructor: Code, + + onClick: function onClick(e) { + var editor = this.editor; + var $startElem = editor.selection.getSelectionStartElem(); + var $endElem = editor.selection.getSelectionEndElem(); + var isSeleEmpty = editor.selection.isSelectionEmpty(); + var selectionText = editor.selection.getSelectionText(); + var $code = void 0; + + if (!$startElem.equal($endElem)) { + // 跨元素选择，不做处理 + editor.selection.restoreSelection(); + return; + } + if (!isSeleEmpty) { + // 选取不是空，用包裹即可 + $code = $('' + selectionText + ''); + editor.cmd.do('insertElem', $code); + editor.selection.createRangeByElem($code, false); + editor.selection.restoreSelection(); + return; + } + + // 选取是空，且没有夸元素选择，则插入+ if (this._active) { + // 选中状态，将编辑内容 + this._createPanel($startElem.html()); + } else { + // 未选中状态，将创建内容 + this._createPanel(); + } + }, + + _createPanel: function _createPanel(value) { + var _this = this; + + // value - 要编辑的内容 + value = value || ''; + var type = !value ? 'new' : 'edit'; + var textId = getRandom('texxt'); + var btnId = getRandom('btn'); + + var panel = new Panel(this, { + width: 500, + // 一个 Panel 包含多个 tab + tabs: [{ + // 标题 + title: '插入代码', + // 模板 + tpl: '\n \n \n', + // 事件绑定 + events: [ + // 插入代码 + { + selector: '#' + btnId, + type: 'click', + fn: function fn() { + var $text = $('#' + textId); + var text = $text.val() || $text.html(); + text = replaceHtmlSymbol(text); + if (type === 'new') { + // 新插入 + _this._insertCode(text); + } else { + // 编辑更新 + _this._updateCode(text); + } + + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }] + } // first tab end + ] // tabs end + }); // new Panel end + + // 显示 panel + panel.show(); + + // 记录属性 + this.panel = panel; + }, + + // 插入代码 + _insertCode: function _insertCode(value) { + var editor = this.editor; + editor.cmd.do('insertHTML', '' + value + ''); + }, + + // 更新代码 + _updateCode: function _updateCode(value) { + var editor = this.editor; + var $selectionELem = editor.selection.getSelectionContainerElem(); + if (!$selectionELem) { + return; + } + $selectionELem.html(value); + editor.selection.restoreSelection(); + }, + + // 试图改变 active 状态 + tryChangeActive: function tryChangeActive(e) { + var editor = this.editor; + var $elem = this.$elem; + var $selectionELem = editor.selection.getSelectionContainerElem(); + if (!$selectionELem) { + return; + } + var $parentElem = $selectionELem.parent(); + if ($selectionELem.getNodeName() === 'CODE' && $parentElem.getNodeName() === 'PRE') { + this._active = true; + $elem.addClass('w-e-active'); + } else { + this._active = false; + $elem.removeClass('w-e-active'); + } + } +}; + +/* + menu - emoticon +*/ +// 构造函数 +function Emoticon(editor) { + this.editor = editor; + this.$elem = $(''); + this.type = 'panel'; + + // 当前是否 active 状态 + this._active = false; +} + +// 原型 +Emoticon.prototype = { + constructor: Emoticon, + + onClick: function onClick() { + this._createPanel(); + }, + + _createPanel: function _createPanel() { + var _this = this; + + // 拼接表情字符串 + var faceHtml = ''; + var faceStr = '😀 😃 😄 😁 😆 😅 😂 😊 😇 🙂 🙃 😉 😌 😍 😘 😗 😙 😚 😋 😜 😝 😛 🤑 🤗 🤓 😎 😏 😒 😞 😔 😟 😕 🙁 😣 😖 😫 😩 😤 😠 😡 😶 😐 😑 😯 😦 😧 😮 😲 😵 😳 😱 😨 😰 😢 😥 😭 😓 😪 😴 🙄 🤔 😬 🤐'; + faceStr.split(/\s/).forEach(function (item) { + if (item) { + faceHtml += '' + item + ''; + } + }); + + var handHtml = ''; + var handStr = '🙌 👏 👋 👍 👎 👊 ✊ ️👌 ✋ 👐 💪 🙏 ️👆 👇 👈 👉 🖕 🖐 🤘 🖖'; + handStr.split(/\s/).forEach(function (item) { + if (item) { + handHtml += '' + item + ''; + } + }); + + var panel = new Panel(this, { + width: 300, + height: 200, + // 一个 Panel 包含多个 tab + tabs: [{ + // 标题 + title: '表情', + // 模板 + tpl: '
' + faceHtml + '', + // 事件绑定 + events: [{ + selector: 'span.w-e-item', + type: 'click', + fn: function fn(e) { + var target = e.target; + _this._insert(target.innerHTML); + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }] + }, // first tab end + { + // 标题 + title: '手势', + // 模板 + tpl: '' + handHtml + '', + // 事件绑定 + events: [{ + selector: 'span.w-e-item', + type: 'click', + fn: function fn(e) { + var target = e.target; + _this._insert(target.innerHTML); + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }] + } // second tab end + ] // tabs end + }); + + // 显示 panel + panel.show(); + + // 记录属性 + this.panel = panel; + }, + + // 插入表情 + _insert: function _insert(emoji) { + var editor = this.editor; + editor.cmd.do('insertHTML', '' + emoji + ''); + } +}; + +/* + menu - table +*/ +// 构造函数 +function Table(editor) { + this.editor = editor; + this.$elem = $(''); + this.type = 'panel'; + + // 当前是否 active 状态 + this._active = false; +} + +// 原型 +Table.prototype = { + constructor: Table, + + onClick: function onClick() { + if (this._active) { + // 编辑现有表格 + this._createEditPanel(); + } else { + // 插入新表格 + this._createInsertPanel(); + } + }, + + // 创建插入新表格的 panel + _createInsertPanel: function _createInsertPanel() { + var _this = this; + + // 用到的 id + var btnInsertId = getRandom('btn'); + var textRowNum = getRandom('row'); + var textColNum = getRandom('col'); + + var panel = new Panel(this, { + width: 250, + // panel 包含多个 tab + tabs: [{ + // 标题 + title: '插入表格', + // 模板 + tpl: '\n', + // 事件绑定 + events: [{ + // 点击按钮，插入表格 + selector: '#' + btnInsertId, + type: 'click', + fn: function fn() { + var rowNum = parseInt($('#' + textRowNum).val()); + var colNum = parseInt($('#' + textColNum).val()); + + if (rowNum && colNum && rowNum > 0 && colNum > 0) { + // form 数据有效 + _this._insert(rowNum, colNum); + } + + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }] + } // first tab end + ] // tabs end + }); // panel end + + // 展示 panel + panel.show(); + + // 记录属性 + this.panel = panel; + }, + + // 插入表格 + _insert: function _insert(rowNum, colNum) { + // 拼接 table 模板 + var r = void 0, + c = void 0; + var html = '\n \u521B\u5EFA\n \n \u884C\n \n \u5217\u7684\u8868\u683C\n
\n \n'; + for (r = 0; r < rowNum; r++) { + html += '
'; + if (r === 0) { + for (c = 0; c < colNum; c++) { + html += ' '; + } + html += ''; + } + } else { + for (c = 0; c < colNum; c++) { + html += ' '; + } + } + html += ' '; + + // 执行命令 + var editor = this.editor; + editor.cmd.do('insertHTML', html); + + // 防止 firefox 下出现 resize 的控制点 + editor.cmd.do('enableObjectResizing', false); + editor.cmd.do('enableInlineTableEditing', false); + }, + + // 创建编辑表格的 panel + _createEditPanel: function _createEditPanel() { + var _this2 = this; + + // 可用的 id + var addRowBtnId = getRandom('add-row'); + var addColBtnId = getRandom('add-col'); + var delRowBtnId = getRandom('del-row'); + var delColBtnId = getRandom('del-col'); + var delTableBtnId = getRandom('del-table'); + + // 创建 panel 对象 + var panel = new Panel(this, { + width: 320, + // panel 包含多个 tab + tabs: [{ + // 标题 + title: '编辑表格', + // 模板 + tpl: '
\n \n ', + // 事件绑定 + events: [{ + // 增加行 + selector: '#' + addRowBtnId, + type: 'click', + fn: function fn() { + _this2._addRow(); + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }, { + // 增加列 + selector: '#' + addColBtnId, + type: 'click', + fn: function fn() { + _this2._addCol(); + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }, { + // 删除行 + selector: '#' + delRowBtnId, + type: 'click', + fn: function fn() { + _this2._delRow(); + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }, { + // 删除列 + selector: '#' + delColBtnId, + type: 'click', + fn: function fn() { + _this2._delCol(); + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }, { + // 删除表格 + selector: '#' + delTableBtnId, + type: 'click', + fn: function fn() { + _this2._delTable(); + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }] + }] + }); + // 显示 panel + panel.show(); + }, + + // 获取选中的单元格的位置信息 + _getLocationData: function _getLocationData() { + var result = {}; + var editor = this.editor; + var $selectionELem = editor.selection.getSelectionContainerElem(); + if (!$selectionELem) { + return; + } + var nodeName = $selectionELem.getNodeName(); + if (nodeName !== 'TD' && nodeName !== 'TH') { + return; + } + + // 获取 td index + var $tr = $selectionELem.parent(); + var $tds = $tr.children(); + var tdLength = $tds.length; + $tds.forEach(function (td, index) { + if (td === $selectionELem[0]) { + // 记录并跳出循环 + result.td = { + index: index, + elem: td, + length: tdLength + }; + return false; + } + }); + + // 获取 tr index + var $tbody = $tr.parent(); + var $trs = $tbody.children(); + var trLength = $trs.length; + $trs.forEach(function (tr, index) { + if (tr === $tr[0]) { + // 记录并跳出循环 + result.tr = { + index: index, + elem: tr, + length: trLength + }; + return false; + } + }); + + // 返回结果 + return result; + }, + + // 增加行 + _addRow: function _addRow() { + // 获取当前单元格的位置信息 + var locationData = this._getLocationData(); + if (!locationData) { + return; + } + var trData = locationData.tr; + var $currentTr = $(trData.elem); + var tdData = locationData.td; + var tdLength = tdData.length; + + // 拼接即将插入的字符串 + var newTr = document.createElement('tr'); + var tpl = '', + i = void 0; + for (i = 0; i < tdLength; i++) { + tpl += ''; + } + newTr.innerHTML = tpl; + // 插入 + $(newTr).insertAfter($currentTr); + }, + + // 增加列 + _addCol: function _addCol() { + // 获取当前单元格的位置信息 + var locationData = this._getLocationData(); + if (!locationData) { + return; + } + var trData = locationData.tr; + var tdData = locationData.td; + var tdIndex = tdData.index; + var $currentTr = $(trData.elem); + var $trParent = $currentTr.parent(); + var $trs = $trParent.children(); + + // 遍历所有行 + $trs.forEach(function (tr) { + var $tr = $(tr); + var $tds = $tr.children(); + var $currentTd = $tds.get(tdIndex); + var name = $currentTd.getNodeName().toLowerCase(); + + // new 一个 td，并插入 + var newTd = document.createElement(name); + $(newTd).insertAfter($currentTd); + }); + }, + + // 删除行 + _delRow: function _delRow() { + // 获取当前单元格的位置信息 + var locationData = this._getLocationData(); + if (!locationData) { + return; + } + var trData = locationData.tr; + var $currentTr = $(trData.elem); + $currentTr.remove(); + }, + + // 删除列 + _delCol: function _delCol() { + // 获取当前单元格的位置信息 + var locationData = this._getLocationData(); + if (!locationData) { + return; + } + var trData = locationData.tr; + var tdData = locationData.td; + var tdIndex = tdData.index; + var $currentTr = $(trData.elem); + var $trParent = $currentTr.parent(); + var $trs = $trParent.children(); + + // 遍历所有行 + $trs.forEach(function (tr) { + var $tr = $(tr); + var $tds = $tr.children(); + var $currentTd = $tds.get(tdIndex); + // 删除 + $currentTd.remove(); + }); + }, + + // 删除表格 + _delTable: function _delTable() { + var editor = this.editor; + var $selectionELem = editor.selection.getSelectionContainerElem(); + if (!$selectionELem) { + return; + } + var $table = $selectionELem.parentUntil('table'); + if (!$table) { + return; + } + $table.remove(); + }, + + // 试图改变 active 状态 + tryChangeActive: function tryChangeActive(e) { + var editor = this.editor; + var $elem = this.$elem; + var $selectionELem = editor.selection.getSelectionContainerElem(); + if (!$selectionELem) { + return; + } + var nodeName = $selectionELem.getNodeName(); + if (nodeName === 'TD' || nodeName === 'TH') { + this._active = true; + $elem.addClass('w-e-active'); + } else { + this._active = false; + $elem.removeClass('w-e-active'); + } + } +}; + +/* + menu - video +*/ +// 构造函数 +function Video(editor) { + this.editor = editor; + this.$elem = $(''); + this.type = 'panel'; + + // 当前是否 active 状态 + this._active = false; +} + +// 原型 +Video.prototype = { + constructor: Video, + + onClick: function onClick() { + this._createPanel(); + }, + + _createPanel: function _createPanel() { + var _this = this; + + // 创建 id + var textValId = getRandom('text-val'); + var btnId = getRandom('btn'); + + // 创建 panel + var panel = new Panel(this, { + width: 350, + // 一个 panel 多个 tab + tabs: [{ + // 标题 + title: '插入视频', + // 模板 + tpl: ' \n \n \n', + // 事件绑定 + events: [{ + selector: '#' + btnId, + type: 'click', + fn: function fn() { + var $text = $('#' + textValId); + var val = $text.val().trim(); + + // 测试用视频地址 + // + + if (val) { + // 插入视频 + _this._insert(val); + } + + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }] + } // first tab end + ] // tabs end + }); // panel end + + // 显示 panel + panel.show(); + + // 记录属性 + this.panel = panel; + }, + + // 插入视频 + _insert: function _insert(val) { + var editor = this.editor; + editor.cmd.do('insertHTML', val + ''); + } +}; + +/* + menu - img +*/ +// 构造函数 +function Image(editor) { + this.editor = editor; + var imgMenuId = getRandom('w-e-img'); + this.$elem = $(''); + editor.imgMenuId = imgMenuId; + this.type = 'panel'; + + // 当前是否 active 状态 + this._active = false; +} + +// 原型 +Image.prototype = { + constructor: Image, + + onClick: function onClick() { + var editor = this.editor; + var config = editor.config; + if (config.qiniu) { + return; + } + if (this._active) { + this._createEditPanel(); + } else { + this._createInsertPanel(); + } + }, + + _createEditPanel: function _createEditPanel() { + var editor = this.editor; + + // id + var width30 = getRandom('width-30'); + var width50 = getRandom('width-50'); + var width100 = getRandom('width-100'); + var delBtn = getRandom('del-btn'); + + // tab 配置 + var tabsConfig = [{ + title: '编辑图片', + tpl: '
\n \n ', + events: [{ + selector: '#' + width30, + type: 'click', + fn: function fn() { + var $img = editor._selectedImg; + if ($img) { + $img.css('max-width', '30%'); + } + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }, { + selector: '#' + width50, + type: 'click', + fn: function fn() { + var $img = editor._selectedImg; + if ($img) { + $img.css('max-width', '50%'); + } + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }, { + selector: '#' + width100, + type: 'click', + fn: function fn() { + var $img = editor._selectedImg; + if ($img) { + $img.css('max-width', '100%'); + } + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }, { + selector: '#' + delBtn, + type: 'click', + fn: function fn() { + var $img = editor._selectedImg; + if ($img) { + $img.remove(); + } + // 返回 true，表示该事件执行完之后，panel 要关闭。否则 panel 不会关闭 + return true; + } + }] + }]; + + // 创建 panel 并显示 + var panel = new Panel(this, { + width: 300, + tabs: tabsConfig + }); + panel.show(); + + // 记录属性 + this.panel = panel; + }, + + _createInsertPanel: function _createInsertPanel() { + var editor = this.editor; + var uploadImg = editor.uploadImg; + var config = editor.config; + + // id + var upTriggerId = getRandom('up-trigger'); + var upFileId = getRandom('up-file'); + var linkUrlId = getRandom('link-url'); + var linkBtnId = getRandom('link-btn'); + + // tabs 的配置 + var tabsConfig = [{ + title: '上传图片', + tpl: '\n', + events: [{ + // 触发选择图片 + selector: '#' + upTriggerId, + type: 'click', + fn: function fn() { + var $file = $('#' + upFileId); + var fileElem = $file[0]; + if (fileElem) { + fileElem.click(); + } else { + // 返回 true 可关闭 panel + return true; + } + } + }, { + // 选择图片完毕 + selector: '#' + upFileId, + type: 'change', + fn: function fn() { + var $file = $('#' + upFileId); + var fileElem = $file[0]; + if (!fileElem) { + // 返回 true 可关闭 panel + return true; + } + + // 获取选中的 file 对象列表 + var fileList = fileElem.files; + if (fileList.length) { + uploadImg.uploadImg(fileList); + } + + // 返回 true 可关闭 panel + return true; + } + }] + }, // first tab end + { + title: '网络图片', + tpl: '\n \n\n \n\n \n \n', + events: [{ + selector: '#' + linkBtnId, + type: 'click', + fn: function fn() { + var $linkUrl = $('#' + linkUrlId); + var url = $linkUrl.val().trim(); + + if (url) { + uploadImg.insertLinkImg(url); + } + + // 返回 true 表示函数执行结束之后关闭 panel + return true; + } + }] + } // second tab end + ]; // tabs end + + // 判断 tabs 的显示 + var tabsConfigResult = []; + if ((config.uploadImgShowBase64 || config.uploadImgServer || config.customUploadImg) && window.FileReader) { + // 显示“上传图片” + tabsConfigResult.push(tabsConfig[0]); + } + if (config.showLinkImg) { + // 显示“网络图片” + tabsConfigResult.push(tabsConfig[1]); + } + + // 创建 panel 并显示 + var panel = new Panel(this, { + width: 300, + tabs: tabsConfigResult + }); + panel.show(); + + // 记录属性 + this.panel = panel; + }, + + // 试图改变 active 状态 + tryChangeActive: function tryChangeActive(e) { + var editor = this.editor; + var $elem = this.$elem; + if (editor._selectedImg) { + this._active = true; + $elem.addClass('w-e-active'); + } else { + this._active = false; + $elem.removeClass('w-e-active'); + } + } +}; + +/* + 所有菜单的汇总 +*/ + +// 存储菜单的构造函数 +var MenuConstructors = {}; + +MenuConstructors.bold = Bold; + +MenuConstructors.head = Head; + +MenuConstructors.link = Link; + +MenuConstructors.italic = Italic; + +MenuConstructors.redo = Redo; + +MenuConstructors.strikeThrough = StrikeThrough; + +MenuConstructors.underline = Underline; + +MenuConstructors.undo = Undo; + +MenuConstructors.list = List; + +MenuConstructors.justify = Justify; + +MenuConstructors.foreColor = ForeColor; + +MenuConstructors.backColor = BackColor; + +MenuConstructors.quote = Quote; + +MenuConstructors.code = Code; + +MenuConstructors.emoticon = Emoticon; + +MenuConstructors.table = Table; + +MenuConstructors.video = Video; + +MenuConstructors.image = Image; + +/* + 菜单集合 +*/ +// 构造函数 +function Menus(editor) { + this.editor = editor; + this.menus = {}; +} + +// 修改原型 +Menus.prototype = { + constructor: Menus, + + // 初始化菜单 + init: function init() { + var _this = this; + + var editor = this.editor; + var config = editor.config || {}; + var configMenus = config.menus || []; // 获取配置中的菜单 + + // 根据配置信息，创建菜单 + configMenus.forEach(function (menuKey) { + var MenuConstructor = MenuConstructors[menuKey]; + if (MenuConstructor && typeof MenuConstructor === 'function') { + // 创建单个菜单 + _this.menus[menuKey] = new MenuConstructor(editor); + } + }); + + // 添加到菜单栏 + this._addToToolbar(); + + // 绑定事件 + this._bindEvent(); + }, + + // 添加到菜单栏 + _addToToolbar: function _addToToolbar() { + var editor = this.editor; + var $toolbarElem = editor.$toolbarElem; + var menus = this.menus; + var config = editor.config; + // config.zIndex 是配置的编辑区域的 z-index，菜单的 z-index 得在其基础上 +1 + var zIndex = config.zIndex + 1; + objForEach(menus, function (key, menu) { + var $elem = menu.$elem; + if ($elem) { + // 设置 z-index + $elem.css('z-index', zIndex); + $toolbarElem.append($elem); + } + }); + }, + + // 绑定菜单 click mouseenter 事件 + _bindEvent: function _bindEvent() { + var menus = this.menus; + var editor = this.editor; + objForEach(menus, function (key, menu) { + var type = menu.type; + if (!type) { + return; + } + var $elem = menu.$elem; + var droplist = menu.droplist; + var panel = menu.panel; + + // 点击类型，例如 bold + if (type === 'click' && menu.onClick) { + $elem.on('click', function (e) { + if (editor.selection.getRange() == null) { + return; + } + menu.onClick(e); + }); + } + + // 下拉框，例如 head + if (type === 'droplist' && droplist) { + $elem.on('mouseenter', function (e) { + if (editor.selection.getRange() == null) { + return; + } + // 显示 + droplist.showTimeoutId = setTimeout(function () { + droplist.show(); + }, 200); + }).on('mouseleave', function (e) { + // 隐藏 + droplist.hideTimeoutId = setTimeout(function () { + droplist.hide(); + }, 0); + }); + } + + // 弹框类型，例如 link + if (type === 'panel' && menu.onClick) { + $elem.on('click', function (e) { + e.stopPropagation(); + if (editor.selection.getRange() == null) { + return; + } + // 在自定义事件中显示 panel + menu.onClick(e); + }); + } + }); + }, + + // 尝试修改菜单状态 + changeActive: function changeActive() { + var menus = this.menus; + objForEach(menus, function (key, menu) { + if (menu.tryChangeActive) { + setTimeout(function () { + menu.tryChangeActive(); + }, 100); + } + }); + } +}; + +/* + 粘贴信息的处理 +*/ + +// 获取粘贴的纯文本 +function getPasteText(e) { + var clipboardData = e.clipboardData || e.originalEvent && e.originalEvent.clipboardData; + var pasteText = void 0; + if (clipboardData == null) { + pasteText = window.clipboardData && window.clipboardData.getData('text'); + } else { + pasteText = clipboardData.getData('text/plain'); + } + + return replaceHtmlSymbol(pasteText); +} + +// 获取粘贴的html +function getPasteHtml(e, filterStyle) { + var clipboardData = e.clipboardData || e.originalEvent && e.originalEvent.clipboardData; + var pasteText = void 0, + pasteHtml = void 0; + if (clipboardData == null) { + pasteText = window.clipboardData && window.clipboardData.getData('text'); + } else { + pasteText = clipboardData.getData('text/plain'); + pasteHtml = clipboardData.getData('text/html'); + } + if (!pasteHtml && pasteText) { + pasteHtml = '' + replaceHtmlSymbol(pasteText) + '
'; + } + if (!pasteHtml) { + return; + } + + // 过滤word中状态过来的无用字符 + var docSplitHtml = pasteHtml.split('