在页面内容区单击鼠标左键，弹出本文框批注工具栏，此文本框随输入文字自动加宽，到页面边缘自动换行，文本框的宽高随内容动态变化。

在页面内容区单击并拖动出一个矩形区域，弹出本文框批注工具栏，在文本框内输入文本内容，框的宽度固定，文字到矩形区域边缘自动换行，文本框高随内容动态变化。

查看接口调用示例 
                                
jofdreader.performClick('t_freetext)

jofdreader.performClick('f_save)

1、调用setConfigInfo("annot.textbox.initwidth","400")设置文本框固定宽度

配置项名
值

2、调用setConfigInfo("annot.textbox.continuouscreation","true")设置自动加页

配置项名
值

3、调用addFreeText(json)添加文本签批

文本框批注描述的json串
查看接口调用示例 
                                
//设置文本框宽度
function initwidth() {
    let tag = document.getElementById('initwidth').value
    let value = document.getElementById('initwidth_value').value
    jofdreader.saveConfigInfoToIni(tag, value)
}

//设置自动加页
function continuouscreation() {
    let tag = document.getElementById('continuouscreation').value
    let value = document.getElementById('continuouscreation_value').value
    jofdreader.saveConfigInfoToIni(tag, value)
}

//添加文本批注
function addFreeText() {
    let freetextInfo = document.getElementById('addFreeText_freetextInfo').value
    jofdreader.addFreeText(freetextInfo).then((data) => {
        console.log(data)
    })
}

1、通过调用addFreeText();接口，可在json串里设置字体、字号、颜色、文字内容等，如：字体：宋体，字号：20，颜色：红色，内容：指定字体、字号、颜色的文本框。

文本框批注描述的json串

2、添加完文本批注后，可通过保存按钮保存或调用保存接口将批注保至文件内。

查看接口调用示例 
                                
//添加文本批注
function addFreeText() {
    let freetextInfo = document.getElementById('addFreeText_freetextInfo').value
    jofdreader.addFreeText(freetextInfo).then((data) => {
        console.log(data)
    })
}

1、通过setConfigInfo("annot.textbox.showuserinfo","true")；将此功能放开

配置项名
值

2、通过setConfigInfo(“annot.textbox.signinfo”,signinfo)；设置文本框批注落款

配置项名
值

3、调用addFreeText(json)添加文本签批

文本框批注描述的json串
查看接口调用示例 
                                
function showuserinfo() {
    let configKey = document.getElementById("showuserinfon").value;
    let configValue = document.getElementById("showuserinfo_value").value;

    jofdreader.setConfigInfo(configKey, configValue).then((data) => {
        alert(data)
    })
}

function signinfo() {
    let configKey = document.getElementById("signinfo").value;
    let configValue = document.getElementById("signinfo_value").value;

    jofdreader.setConfigInfo(configKey, configValue).then((data) => {
        alert(data)
    })
}

设置文本批注署名/落款信息，此接口为自定义文本框落款样式接口。

配置项名
查看接口调用示例 
                                
function setFreqUsedComments() {
    let comments = document.getElementById("comments").value;
    jofdreader.setFreqUsedComments(comments).then((data) => {
        alert(data)
    })
}

设置签批人和环节。

用户标识
环节

打开文件后在页面内容区单击鼠标左键，弹出本文框批注工具栏，

签批调用保存接口批注保至文件内。

导出注释需按照注释类型、注释子类型、UserID、DataTag进行设置

导出信息

导入注释需按照导出注释类型、注释子类型、UserID、DataTag进行设置

导入信息
查看接口调用示例 
                                
jofdreader.performClick('t_freetext)

jofdreader.performClick('f_save)

通过调用getAllFreeTextBy(userID,datatag);来获取文档中添加的文本注释的ID

用户标识
环节

通过调用getFreeTextInfoById(id)来获取指定的文本批注信息

批注ID
查看接口调用示例 
                                
function getAllFreeTextBy() {
    let user = document.getElementById("getAllFreeTextBy_user").value;
    let datatag = document.getElementById("getAllFreeTextBy_datatag").value;
    jofdreader.getAllFreeTextBy(user, datatag).then((data) => {
        alert(data)
        document.getElementById("getFreeTextInfoById_id").value = data
    })
}

function getFreeTextInfoById() {
    let id = document.getElementById("getFreeTextInfoById_id").value;
    jofdreader.getFreeTextInfoById(id).then((data) => {
        alert(data)
    })
}

修改指定ID的文本批注的内容。

文本批注ID
批注ID
查看接口调用示例 
                                
function modifyFreeTextById() {
    let id = document.getElementById("modifyFreeTextById_id").value;
    let freetextInfo = document.getElementById("modifyFreeTextById_freetextInfo").value;
    jofdreader.modifyFreeTextById(id, freetextInfo).then((data) => {
        alert(data)
    })
}

1、按类型清空所有本文框注释。模拟用户1登录，分别删除用户1和用户2的文本批注，用户1添加的文本批注可以正常删除，用户2添加的文本批注无法删除，为只读状态

用户标识
环节

调用addFreeText(json)添加文本签批

文本框批注描述的json串
注释的信息

2、删除指定文本批注。根据指定用户和环节，删除所有的文本批注

用户标识
环节
查看接口调用示例 
                                
function deleteAnnotationByParameter() {
    let annotInfo = document.getElementById("deleteAnnotationByParameter_annotInfo").value;
    jofdreader.deleteAnnotationByParameter(annotInfo).then((data) => {
        alert(data)
    })
}

function deleteAllFreeTextBy() {
    let user = document.getElementById("deleteAllFreeTextBy_user").value;
    let datatag = document.getElementById("deleteAllFreeTextBy_datatag").value;
    jofdreader.deleteAllFreeTextBy(user, datatag).then((data) => {
        alert(data)
    })
}

注释的信息
查看接口调用示例 
                                
function deleteAnnotationByParameter() {
    let annotInfo = document.getElementById("deleteAnnotationByParameter_annotInfo").value;
    jofdreader.deleteAnnotationByParameter(annotInfo).then((data) => {
        alert(data)
    })
}

function deleteAllFreeTextBy() {
    let user = document.getElementById("deleteAllFreeTextBy_user").value;
    let datatag = document.getElementById("deleteAllFreeTextBy_datatag").value;
    jofdreader.deleteAllFreeTextBy(user, datatag).then((data) => {
        alert(data)
    })
}