kindeditor HTML 编辑器 ,增加文字水印效果

<%@ Page Language="C#" AutoEventWireup="true" ValidateRequest="false" %>
<!doctype html>
<html>
<head runat="server">
    <meta charset="utf-8" />
    <title>KindEditor ASP.NET</title>
    <link rel="stylesheet" href="../themes/default/default.css" />
    <link rel="stylesheet" href="../plugins/code/prettify.css" />
    <script charset="utf-8" src="../kindeditor.js"></script>
    <script charset="utf-8" src="../lang/zh_CN.js"></script>
    <script charset="utf-8" src="../plugins/code/prettify.js"></script>
</head>
<body>
    <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
    <form id="example" runat="server">
        <textarea id="content1" cols="100" rows="8" style="width: 700px; height: 200px; visibility: hidden;">
            想说什么呢?记下来吧!!
        </textarea>
        <br />
        <asp:Button ID="Button1" runat="server" Text="提交内容" />
    </form>
</body>
     <script>
         var editor1;
         KindEditor.ready(function (K) {
             editor1 = K.create(‘#content1‘, {
                 cssPath: ‘../plugins/code/prettify.css‘,
                 uploadJson: ‘../asp.net/upload_json.ashx‘,
                 fileManagerJson: ‘../asp.net/file_manager_json.ashx‘,
                 allowFileManager: true,
                 afterCreate: function () {
                     var self = this;
                     K.ctrl(document, 13, function () {
                         self.sync();
                         K(‘form[name=example]‘)[0].submit();
                     });
                     K.ctrl(self.edit.doc, 13, function () {
                         self.sync();
                         K(‘form[name=example]‘)[0].submit();
                     });
                 },
                 forecolor: ‘gray‘,
                 afterFocus: function (e) {
                     if (editor1.html() == ‘想说什么呢?记下来吧!!‘)
                         editor1.html(‘‘);
                 },
                 afterBlur: function (e) {
                     console.log(editor1.html());
                     if (editor1.html() == ‘<br />‘ || editor1.html() == ‘‘)
                         editor1.html(‘想说什么呢?记下来吧!!‘);
                 }
             });
             prettyPrint();
         });
    </script>
</html>

搜索

复制

时间: 2024-10-26 07:04:24

kindeditor HTML 编辑器 ,增加文字水印效果的相关文章

利用html5canvas给图片增加文字水印

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head> <body><canvas id='myCanvas' style="width: 280px; height

缩略图、图片水印图、文字水印图

原文:缩略图.图片水印图.文字水印图 源代码下载地址:http://www.zuidaima.com/share/1550463651056640.htm 文字水印效果:原图 加文字水印后: 加图片水印后:

PHP实现水印效果(文字、图片)

第一种 <?php /**  * 功能:给一张图片加上水印效果  *      $i 要加水印效果的图片  *      $t 水印文字  *      $size 文字大小  *      $pos 水印的位置  *      $color 文字的颜色  *      $flag 是布尔值,主要用来区分是不是原图上加水印  *      $type 如果$flag等于false 则新图上加上水印 新文件名为 原名_txt.jpg  */ function txt($i,$t='版权所有',$s

php 图片加水印文字水印

/*给图片加文字水印的方法*/ $dst_path = 'http://f4.topitme.com/4/15/11/1166351597fe111154l.jpg';//保证路径正确 $dst = imagecreatefromstring(file_get_contents($dst_path)); /*imagecreatefromstring()--从字符串中的图像流新建一个图像,返回一个图像标示符,其表达了从给定字符串得来的图像 图像格式将自动监测,只要php支持jpeg,png,gi

java创建透明背景的PNG图片加自定义文字水印

人在码上走,奇葩需求天天有.这不,今天前端让我返回一个带自定义水印的背景图片.一通google,有现成的代码,但是很多是直接在源图上添加水印,生成出来的文字样式也没有控制好,看来又只有自己造轮子了. 过程有点曲折,直接上最终代码: import java.awt.AlphaComposite; import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.RenderingHint

动态文字水印怎么做

水印是把一些标识信息嵌入到信息载体中,在不影响原载体内容使用的同时,为原作者提供识别的手段,进而防止被再次篡改,是一种保护信息安全和知识版权的有效方法. 说到水印,常见到纸的文件,一般常用 Word 或 pdf 编辑后打印所得,并且 offie 或 pdf 软件也有直接增加水印的功能. 像 Word 中增加水印很简单:菜单栏“设计”-“水印”(选择“自定义水印”),可以设置图片或文字类水印. 但同一个 word 只能设置一条水印内容,即只能是静态水印,不能动态生成,如上面文字水印的“文字”内为“

php 图片添加文字水印 以及 图片合成(微信快码传播)

1.图片添加文字水印: $bigImgPath = 'backgroud.png'; $img = imagecreatefromstring(file_get_contents($bigImgPath)); $font = 'msyhl.ttc';//字体 $black = imagecolorallocate($img, 0, 0, 0);//字体颜色 RGB $fontSize = 20; //字体大小 $circleSize = 60; //旋转角度 $left = 50; //左边距

php文字水印和php图片水印实现代码(二种加水印方法)

文字水印 文字水印就是在图片上加上文字,主要使用gd库的imagefttext方法,并且需要字体文件.效果图如下: $dst_path = 'dst.jpg';//创建图片的实例$dst = imagecreatefromstring(file_get_contents($dst_path));//打上文字$font = './simsun.ttc';//字体$black = imagecolorallocate($dst, 0x00, 0x00, 0x00);//字体颜色imagefttext

iOS图片加水印效果的实现并保存至相冊

图片加水印效果的实现并保存至相冊 实现效果如图: project下载:githubproject下载链接 代码: - (void)viewDidLoad { [super viewDidLoad]; UIImage *image = [UIImage imageNamed:@"pushu.jpg"]; UIImage *waterImage = [self waterMarkImage:image withText:@"朴树水印測试"]; UIImageWriteT