整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

8款国内外好用的AI写作神器分享~

8款国内外好用的AI写作神器分享~

从有了AI写作软件的帮助,上班都变得更轻松了

整理了8款国内外AI写作神器,用来写文章、查资料、写文案都非常方便,有了它们,再也不用担心写不出满意的内容!

?国内AI写作


1.聪明灵犀


一款软件涵盖了写作、聊天、绘画、翻译等多个AI功能,无论是办公还是学习都很适用,具有强大的语言理解与生成、逻辑推理能力,可用于生成各种文案内容,简单实用。

这款工具目前支持电脑端以及Android、iOS端,适合多种使用需求。


AI写作可以先根据需求选择需要的创作分类,输入写作的主题/关键词之后,补充写作的细节内容,点击就能快速生成了,写作的结果可以一键复制使用。



写作效果非常详细,它会根据我们给到的细节描述,来智能生成贴近度高的文案内容。



2.文心一言


百度推出的在线AI智能对话工具,具备文本理解与输出、逻辑推理、图片生成能力,搭配插件使用可以解锁文档解析、图片解析等功能。

目前分为4.0版本(付费)以及3.5版本(免费),3.5版本至多可选择3个插件。



一言百宝箱根据不同场景以及职业整理了一些指令词,点击可以直接套用/修改再用,很适合新手。



3.AI写作宝


一个在线多功能AI网站,可AI写作、聊天以及语音识别转换。登录之后每天可以免费使用5次,里面的创作被分为教育、工作、娱乐、社媒写作、电商等6大类,每一分类下面都有丰富的写作选项可选。



选择写作的分类之后,我们根据具体创作要求输入相关关键词、细节等之后,它就可以快速生成文字了,部分分类还能够选择写作内容的长短,使用起来方便简单,生成的内容质量也比较高。



4.豆包


字节跳动基于云雀模型开发的AI工具,支持聊天机器人、写作助手以及英语学习助手等功能,通过智能对话形式智能理解我们发送的内容并进行回答。

支持网页 Web 平台,iOS 以及安卓平台,但 iOS 需要使用 TestFlight 安装。



5.ChatGLM


一款中英双语大模型AI生成助手,具备通用问答、多轮对话、创意写作、代码生成、虚拟对话、AI画图、文档和图片解读等能力。可以帮助我们解决工作、学习以及生活中的各种问题,完成各种任务。



在【灵感大全】中可以看到很多的AI创作指令,点击其中某条指令的右下方编辑按钮,可以按个人需求编辑指令发送。



?国外AI写作


1.ChatGPT


OpenAI研发的一款AI聊天机器人程序,具备强大的自然语言处理工具,能够生成回答,还能根据聊天的上下文来互动,像“人类”一样智能,用来邮件、视频脚本、文案、翻译、代码,写论文等任务。

不过,这款软件在国内目前是无法使用的,适合国外用户。



2.Claude


Anthropic推出的一款智能聊天对话AI机器人,支持中文交流,偏向智能对话、推理和引导功能,具有强大的写作、上下文处理能力、文档搜索、摘要生成、代码分析和编写能力。

使用上会比较方便,门槛相比较gpt来说,它对国内用户更友好一些,注册比较简单。


3.Jasper


一款基于人工智能的AI写作和图片生成工具,它可以根据我们所输入的关键词需求,在短时间内自动生成各种类型和风格的文案和图片,还支持文章优化功能,帮助我们提高文章的可读性,包括拼写、语法检查、句子结构优化等功能。



以上就是这次给大家分享到的8款国内外智能AI写作软件了,相比较来说国内的使用上会更方便些,它们各有优势,大家可根据需求使用~

eb标准:

由于不同浏览器解析出来的网页效果可能不同,所以需要通过web标准对其进行约束使其一致,主要包括三个方面:

结构标准:

结构用于对网页元素进行整理和分类,主要指的是HTML。

表现标准

表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。

行为标准:

行为是指网页模型的定义及交互的编写,主要指的是 JavaScript。

初识HTML:

html 全称 Hyper Text Markup Language ,中文译为:“超文本标记语言” ,描述网页的一种语言。

HTML发展:

XHTML 是一个 W3C 标准,可扩展超文本标签语言(EXtensible HyperText Markup Language),更严格更纯净的 HTML 版本,作为一种 XML 应用被重新定义的 HTML。



HTML中的注释

 <!-- 注释标签:注释的内容 -->

条件注释:

条件注释的作用是:定义只有Internet Explorer才执行条件注释中的html标签。


    <!--[if IE 8]>
        .... some HTML here ....
    <![endif]-->

HTML骨架:

<!DOCTYPE html> <!-- 声明文档类型版本为html5 -->
<html lang="en"> <!-- 网页的跟标签,lang=""用来设置网页语言,其值还有zh-CN中文简体、fr法语等,设置后当系统设置语言和网页语言发生冲突时会提示是否翻译网页 -->
    <head> <!-- 网页的头部 -->
        <meta charset='UTF-8'> <!-- 声明字符编码,其值还有gbk和gb2312 -->
        <meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0"> <!-- 开启移动端视口 -->
        <meta name="apple-mobile-web-app-capable" content="yes"> <!-- 开启ios快捷启动方式 -->
        <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- 设置iOS顶部通栏样式 -->
        <meta name="format-detection" content="telephone=no"> <!-- 遇到数字不转成电话号码 -->
        <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- X-UA-Compatible是针对IE浏览器做兼容的,ie=edge表示兼容edge,若后面ie=7,则表示兼容IE7 -->
        <meta name='keywords' content='This is a key words'> <!-- 网站搜索关键字 -->
        <meta name='description' content='this is description'> <!-- 描述网站的信息 -->
        <link rel="shortcut icon" type="image/x-icon" href="图片路径 "/> <!--  网站的图标,如果图标是gif图,则需要改:type="image/gif",引入网站图标另一种方法:命名为favicon.ico文件放到网站根目录下 -->
        <link rel="stylesheet" type="text/css" href="css文件路径"/> <!-- 引用css文件 -->
        <base target="_blank"/> <!-- base标签,定义这个网页中a链接打开窗口的方式,其值还有_self -->
        <title>标题</title> <!-- 网站的标题 -->
        <style type="text/CSS">  /* 用来写CSS代码,type="text/CSS"可以省略 */
            div{width:100px; height:100px; color:white;}
        </style>
    </head>
    <body> <!-- 网页的主体 -->
        <h1>标题</h1> <!-- 标题标签,共六个级,分别为:h1~h6,大小逐级递减,h1在一个网页中只允许出现一次。 -->
        <p>段落</p> <!-- 段落标签 -->
        <hr/> <!-- 单线标签,所有单标签后面的关闭符均可以省略 -->
        <br/> <!-- 换行标签 -->
        </div></div> <!-- 无语义化标签布局用,上面的标签是语义化标签 -->
        <span>span</span> <!-- 无语义化标签分割用 -->                
        <strong>加粗</strong> <!-- 加粗标签 -->
        <b>加粗</b> <!-- 加粗标签 -->
        <i>倾斜</i> <!-- 倾斜标签 -->
        <em>倾斜</em> <!-- 倾斜标签 -->
        <s>删除线</s> <!-- 删除标签 -->
        <del>删除线</del> <!-- 删除标签 -->
        <u>下划线</u> <!-- 下划线标签 -->
        <ins>下划线</ins> <!-- 下划线标签 -->
        <img src="图片路径" alt="图片无法加载,提示文字" title="鼠标悬停,提示文体" border="2"/> <!-- 图像标签,border是边框属性,width和height属性设置图像的宽度和高度 -->
        <a href="跳转目标" target="_self">链接的命名</a> <!-- 链接标签,target属性为链接页面打开的方式,默认值_self为自身打开;_blank为新窗口打开;_new为新窗口打开,相同页面只会打开一个;_top跳出框架-->
        <ul> <!-- 无序列表 -->
            <li>列表项1</li>
            <li>列表项2</li>
            <li>列表项3</li>
        </ul>
        <ol type="A"> <!-- 有序列表,属性type可以控制li序号的样式,其属性值有:1、A、a、I、i-->
            <li>中国</li>
            <li>美国</li>
            <li>英国</li>
        </ol>
        <dl> <!-- 自定义列表 -->
            <dt>分类1</dt> <!-- 分类名称 -->
            <dd>分类1第1项</dd> <!-- 类的项 -->
            <dd>分类1第2项</dd>
            <dt>分类2</dt>
            <dd>分类2第1项</dd>
            <dd>分类2第2项</dd>
        </dl>
        <table> <!-- 定义表格,table标签实际就是一个四方块框框,里面有单元格才会显示出表格的样子 -->
        <caption>信息表</caption> <!-- 表格标题 -->
        <tr> <!-- 定义行 -->
            <th>姓名</th> <!-- 定义表头,表头文本有加粗居中效果 -->
            <th>年龄</th>
            <th>性别</th>
        </tr>
        <tr> <!-- 定义行 -->
            <td>小明</td> <!-- 定义单元格,表格里面没有列-->
            <td>18</td>
            <td>男</td>
        </tr>
        </table>
    </body>
</html>

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者删除。

笔者:苦海123

其它问题可通过以下方式联系本人咨询:

QQ:810665436

微信:ConstancyMan

持word上传的富文本编辑器,web编辑器,HTML编辑器,前端编辑器。编辑器网上搜了一下,比较多,

前端用了VUE2,VUE3,React,HTML5,也是一个新项目,为了方便用的这些框架,实际上这个是无所谓,功能的实现和前端这些框架没什么关系。

后端用了PHP,JSP,ASP,ASP.NET,SpringBoot,功能实现和后端用的什么开发语言无关,后端只提供一个文件上传的接口,HTTP form协议,图片上传时会调这个接口。

编辑器是ckeditor5,为ckeditor编辑器增加粘贴Word图片的功能,支持快捷键操作(Ctrl+V),支持多种系统:Windows,macOS,Linux,信创国产化环境,中标麒麟,银河麒麟,统信,龙芯。

支持word粘贴,word内容粘贴,word图文粘贴,word图片粘贴,粘贴后图片能够自动上传到服务器中,然后将图片和内容HTML添加到编辑器中,上传接口地址能够自定义

示例项目:https://gitee.com/xproer/wordpaster-vue-ckeditor5
1.为ckeditor增加插件按钮

1.下载ckeditor5源码,注意:不是在npm中直接安装ckeditor5,在npm中直接安装的ckeditor5是已经打包好的编辑器,我们无法为其添加插件,必须下载源码添加好后再手动打包。

git clone -b stable https://github.com/ckeditor/ckeditor5-build-classic.git

cd ckeditor5-build-classic

2.添加插件文件

将plugin下的插件复制到ckeditor5的目录中

导入插件


在ckeditor.js中导入插件


3.添加插件


添加到工具栏

# 构建,生成ckeditor.js,生成的ckeditor.js在build目录下

yarn build

执行命令后生成ckeditor.js

将打包好的ckeditor.js复制到项目中

2.复制layer,wordpaster目录,安装jquery

#通过命令安装jquery

npm install jquery

3.在组件中导入样式

代码:

import {WordPaster,WordPasterManager} from ‘../../static/WordPaster/js/w’

import ‘../../static/WordPaster/js/w.css’

import ‘../../static/layer-v3.1.1/layer/layer’

import ‘../../static/layer-v3.1.1/layer/theme/default/layer.css’

4.初始化wordpaster组件

配置posturl,

代码:

//初始化

WordPaster.getInstance({

PostUrl:”http://localhost:8891/upload.aspx”,

ImageUrl:”http://localhost:8891{url}”

}).Load();

整合效果: