# TextArrange

**Repository Path**: wwworg/TextArrange

## Basic Information

- **Project Name**: TextArrange
- **Description**: 简单的论文排版系统
- **Primary Language**: HTML/CSS
- **License**: Unlicense
- **Default Branch**: master
- **Homepage**: http://152.136.141.240:3001/
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2020-04-13
- **Last Updated**: 2024-09-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# TextArrange

#### 介绍<br/>
简单的论文整系统<br/>
1.用户可以注册自己的信息<br/>
2.用户忘记密码可以通过邮箱找回<br/>
3.用户可以编辑论文  然后导出docx格式<br/>
4.左侧导航栏为标题的定位导航<br/>
#### 软件架构<br/>
<br/>
整体系统  前端运用vue编写（涉及的UI选用Elementui框架） <br/>
<br/>
数据库用mongodb <br/>
数据库之包括用户数据库 用来登录<br/>
包括的字段：<br/>
    username: string;<br/>
    password: string;<br/>
    email: string;<br/>
    avatar: string;<br/>
    nike: string;<br/>

登录后进入主页：主页内主要包括论文的编辑 （至于编辑的格式  参考markdown或者编辑器最右上角有帮助）<br/>
功能介绍：左侧导航栏为章节导航，当你生成一个一级标题或者二级标题  那么导航就会随之生成  你更改标题导航也会随之更改，然后它还可以定位文本标题的位置<br/>
当你编辑整篇论文后就可以导出论文（导出为docx打开默认的视图为web视图，你可以将wps设置为页面视图（右下角））<br/>

至于将html论文转docx我用的时jquery.wordexport.js和FileSaver.js 对jquery.wordexport.js文件有些小修改
img[i].width=w  <br/>
img[i].height=h  <br/>
$(img[i]).attr("crossOrigin","*"); <br/>
//$(img[i]).attr("src", img[i].src); <br/>

img[i].onload=function(){ <br/>
 <br/>
 <br/>
var canvas = document.createElement("CANVAS"); <br/>
canvas.width = w; <br/>
canvas.height = h; <br/>
// Draw image to canvas <br/>
var context = canvas.getContext('2d'); <br/>
context.drawImage(img[i], 0, 0, w, h); <br/>
// Get data URL encoding of image <br/>
var uri = canvas.toDataURL("image/png"); <br/>
 <br/>

// Save encoded image to array     <br/>
images[i] = {                      <br/>
type: uri.substring(uri.indexOf(":") + 1, uri.indexOf(";")), <br/>
encoding: uri.substring(uri.indexOf(";") + 1, uri.indexOf(",")), <br/>
location: $(img[i]).attr("src"), <br/>
data: uri.substring(uri.indexOf(",") + 1) <br/>
};  <br/>
} <br/>
原本的此处没有处理图片变为canvans时进行跨域处理而且处理本地没问题，所以进行修改可以支持在线图片转word <br/>

此系统再转换论文时候，最大的缺点就是不能控制图片的大小