精华内容
下载资源
问答
  • 接手公司以前做的vue项目,是基于element2.3.9搭建的,现在要追加的功能需要在输入框显示限制输入长度,而2.3.9的element是没有show-word-limit功能的,如果升级element版本会导致项目中其他样式存在问题,所以只能...

    文章目录

    背景

    接手公司以前做的vue项目,是基于element2.3.9搭建的,现在要追加的功能需要在输入框显示限制输入长度,而2.3.9的element是没有show-word-limit功能的,如果升级element版本会导致项目中其他样式存在问题,所以只能自己添加功能代码了,磕磕绊绊终于写出来了~

    代码片断

    // 组件代码
    <template>
        <div class="inputWord">
            <el-input id="inputWord" v-bind="$attrs" v-on="$listeners" :maxlength="maxlength" :value="value" auto-complete="off" @input="changeWord"></el-input>
            <span class="el-input__suffix">
                <span class="el-input__suffix-inner">
                    <span class="el-input__count">
                        <span class="el-input__count-inner">
                            {{ wordLength }}/{{ maxlength }}
                        </span>
                    </span>
                </span>
            </span>
        </div>
    </template>
    
    <script>
        export default {
            props: {
                value: {
                    type: String,
                    default: ''
                },
                maxlength: {
                    type: Number,
                    default: 0
                }
            },
            data() {
                return {
                    wordLength: 0,
                    flag: true
                };
            },
            created() {
                this.wordLength = this.value.length;
            },
            methods: {
                changeWord(val) {
                    this.$nextTick(() => {
                        if (this.flag) {
                            this.wordLength = val.length;
                        }
                    });
                }
            },
            mounted() {
            // 加这两个函数是为了避免输入中文过程中触发input事件
                let input = document.getElementById('inputWord');
                input.addEventListener('compositionstart', () => {
                    this.flag = false;
                });
                input.addEventListener('compositionend', () => {
                    this.flag = true;
                });
            }
        };
    </script>
    <style lang='scss' scoped>
    .inputWord /deep/{
        position: relative;
        .el-input__inner{
            padding-right: 80px;
        }
    }
    .el-input__suffix{
        position: absolute;
        height: 100%;
        right: 5px;
        top: 0;
        text-align: center;
        color: #c0c4cc;
        transition: all .3s;
        pointer-events: none;
    }
    .el-input__count {
        height: 100%;
        display: inline-flex;
        align-items: center;
        color: #909399;
        font-size: 12px;
    }
    .el-input__count-inner {
        background: #fff;
        line-height: normal;
        display: inline-block;
        padding: 0 5px;
    }
    </style>
    
    
    // 组件的引用
    // 引用组件,如果全局引用在index.js中全局引用插件
    import WordLimitInput from 'components/WordLimitInput';
    Vue.component('word-limit-input', WordLimitInput);
    // 页面代码
    <word-limit-input v-model="questionsData.appName" :maxlength="30"></word-limit-input>
    
    
    展开全文
  • word限制编辑

    千次阅读 2018-12-05 16:27:52
    word中有名称标题:名称内容 格式,想达到名称标题不允许修改,名称内容允许修改可使用限制编辑。 调出【开发工具】,点击文件-&gt;选项-&gt;自定义功能区,勾选【开发工具】。 输入名称标题,然后在...

    在word中有名称标题:名称内容 格式,想达到名称标题不允许修改,名称内容允许修改可使用限制编辑。

    1. 调出【开发工具】,点击文件->选项->自定义功能区,勾选【开发工具】。在这里插入图片描述
    2. 输入名称标题,然后在【开发工具】中插入【格式文本内容控制】。在这里插入图片描述
    3. 点击【限制编辑】,在编辑限制中选择【填写窗体】。在这里插入图片描述
    4. 最后点击【启动保护】,设置密码即可。
    展开全文
  • 有的时候我们发送的word文件有些内容是不想别人复制粘贴的,我们就可以使用word中的限制编辑功能了。不知道大家会不会使用,有想学习一下的小伙伴可以跟着小编学习试试哦! No.1如何设置限制编辑 首先给大家介绍两...

    有的时候我们发送的word文件有些内容是不想别人复制粘贴的,我们就可以使用word中的限制编辑功能了。不知道大家会不会使用,有想学习一下的小伙伴可以跟着小编学习试试哦!
    在这里插入图片描述
    No.1如何设置限制编辑
    首先给大家介绍两种设置限制编辑的方式:
    第一种是点击【审阅】,找到【保护】,接着就可以看到【限制编辑】了。
    在这里插入图片描述
    第二种是点击【文件】,在该页面中找到【信息】,然后是【保护文档】,在保护文档中就可以看到【限制编辑】了。
    在这里插入图片描述
    No.2如何使用限制编辑
    第一种就是我们对整篇word内容限制编辑,点击一下【审阅】,然后找到【保护】内的【限制编辑】。勾选一下【格式化限制】与【编辑限制】中的功能。然后点击【是,启动强制保护】,输入密码就可以了。
    在这里插入图片描述
    第二种方法就是允许部分内容可以编辑了,在第一种方法的基础上,我们需要再勾选一个【例外项】,然后再点击【是,启动强制保护】。
    在这里插入图片描述
    No.3如何取消限制编辑
    设置与使用限制编辑都教给大家了,还有就是也要学会取消限制编辑啊。取消和使用是有些相似的,取消需要点击的就是【停止保护】,然后输入密码就可以了。
    在这里插入图片描述
    以上就是小编今天为大家总结word中限制编辑的使用技巧了,还不会使用的小伙伴记得学习一下啊!

    展开全文
  • 3、重新打开这个文档,然后到“审阅”--“限制编辑”功能下点“取消保护”,此时无需输入密码直接取消了保护。 office2013对docx文档没有这个问题,但对doc文档也有类似问题。 大家有兴趣可以试一下,如果跟我的...
  • 解除word文档中的限制

    2009-02-02 10:16:38
    解除word文档中的限制,对word文档中设置的限制输入进行解除
  • 相信很多朋友都遇到或在网上下载的word资料有无法编辑的问题,这种情况是因为设置了密码保护,你需要输入密码才能无限制使用该资料。也有可能自己的Word文件,自己设置的密码保护结果忘记了密码是多少?难道就只能...

    相信很多朋友都遇到或在网上下载的word资料有无法编辑的问题,这种情况是因为设置了密码保护,你需要输入密码才能无限制使用该资料。也有可能自己的Word文件,自己设置的密码保护结果忘记了密码是多少?难道就只能放在角落里落灰吗?下面就给大家介绍一种无需密码就可以关闭密码保护的方法!

    方法如下:

    打开okfone WORD解密大师,点击【解除限制】

    然后把Word文件导入到软件中,一键点击【开始】就可以完成编辑限制的解除了

     

    展开全文
  • 方法一 1、 新建一个word文档,输入内容,(随意)选择‘工具’→‘保护文档......’ 选‘编辑 限制’→‘填写窗体’,启动强制保护→设置密码(比如:123)→确认密码,关闭word文档,设置文档保护就OK了,下面就...
  • Word2013-限制编辑

    2015-01-15 21:16:34
    在实际工作中,有时我们在完成文档之后需要分享给他人,但是又要防止他人更改我们的文档内容,这时候就需要使用到限制对文档的编辑的功能,其他使用者只能在文档中添加批注,修改文档必须输入密码才能进行。...
  • 有时候我们制作的word文档,不想被修改样式的话,可以进行限制操作。下面一起来看看限制word2016文档不能修改的方法。1. 打开文档后,点击左上角的【文件】,如图所示;2. 在弹出的选项中,点击【信息】再点击【保护...
  • 解除word文件编辑限制

    2021-07-23 12:14:47
    word文档设置了编辑限制,让我们修改文件受到了限制, 编辑限制不仅限制编辑文件、还会导致不能复制文字、不能打印文件。想要解除编辑限制,可以点击【取消保护】输入正确密码就可以解除编辑限制了 如果没有正确...
  • 1 原理 “审阅->保护->限制编辑->...1、选择合适的窗体控件,将Word排好版。窗体控件如下图所示:   2、如下图所示设置“限制格式和编辑”,点击“是,启动强制保护”,弹出“启动强制保护”对话框,设置
  • textarea限制输入字数

    千次阅读 2018-05-04 15:41:52
    textarea限制输入字数
  • jquery限制输入字数

    2018-05-23 18:53:00
    font-size: 0.7rem">*还可以输入<span id="word" style="width: 5rem">140个字 <!--字数限制--> $("#word").text( 140 - $("#desc").val().length ) ; $("#desc").keyup(function(){ if($("#desc").val()....
  • 平时查看PDF的时候明明PDF文档可以正常打开,但却无法转换而且提示要输入密码,这是怎么回事呢?出现这种情况一般是PDF设置了安全性加密,禁止转换或编辑等操作,我们只需要解密就能正常转换啦。我有个方法,简单...
  • el-input type="textarea" v-model="xxx" :rows="3" maxlength="33" :show-word-limit="true" @input="((val,name,rowNum,colNum)=>{handleTextarea(val,'xxx',10,3)})" placeholder="请输入xxx"></el-...
  • Word文档只能读,不能写也不能打印,这个可能是设置了文件的编辑限制,打开word文件,点击【审阅】---【编辑限制】 然后看看软件右侧是不是有个【停止保护】的按钮 如果有的话,就证明设置了编辑限制,点击...
  • word解除限制编辑(亲测有效)

    万次阅读 2019-01-24 12:02:55
      有时候我们在网上下载文档,打开后却发现上面加了各种的水印,极其影响阅读,想...我们打开被限制的文档,另存为.html,也就是网页文档;   ②.用记事本打开我们上一步保存的.html文档;接着,按Ctrl+F键,...
  • 文本输入框,限制输入字数

    千次阅读 2016-01-14 12:04:45
    个人学习笔记,文本输入框,限制输入字数一:文本输入框,限制输入字数,汉字两个字符,其他数字,符号,字母,回车,空格等一个字符 ;width:3
  • Word文档加密与限制编辑那些事 给WORD文档加密是为了防止文件被别人修改查看,WORD文档加密分为两种形式,一种是可以查看文章,也可以编辑,但是不能直接以源文件保存修改,而另一种形式在打开文档时必须输入密码...
  • TextArea限制输入行数

    千次阅读 2010-04-15 11:22:00
    某日接到用户在界面中的一个textArea中限制输入,他的要求是不给出具体允许输入的字符数(不关心字数),在固定宽高的textArea中,只允许输入3行。flexSDK3.3中只对具体最大字符数(maxChars)提供了限制,而对于...
  • EditText 关于输入限制以及字数限制的问题 最近遇到个奇葩需求,文本输入框输入内容时,只能输入中文,英文和数字,而且还要对输入字数做限制,中文最多5个,英文数字最多10个,单单一种类型是比较好控制的,但是...
  • TextView里限制输入字数的方法

    千次阅读 2015-12-08 11:43:41
    TextView里限制输入字数的方法
  • show-word-limit 字数限制遮挡文本

    千次阅读 2020-10-12 11:01:11
    show-word-limit 字数限制遮挡文本 设置padding 效果:
  • Word文档里启用限制编辑

    千次阅读 2017-05-16 22:20:09
    本文主要是说明如何让用户在限制的区域输入文字 1、原文 2、添加一个5项让客户自定义 3、在Tell me里面查找限制编辑 4、调出菜单 5、点击箭头所指指出 6、再点击强制保护 7、输入密码 8、完成,现在只可以编辑箭头所...
  • 本文整理介绍了两种破解Word文档限制编辑的办法,大家可以参考。 怎么破解被限制编辑的Word文档? 办法一 1、打开Word文档,将其另存为【Word 2003 XML文档(*.xml)】的格式,如图, 2、打开刚刚保存的xml...
  • 开发遇到的问题 安卓自带的输入数字不能输入.和-,于是自己写了个
  • $(function () { /** * 字数限制 */ $('[max-word-length]').each(function () { var area = $(this); var length = area.attr("max-word-length"); area.bind('input prope...
  • <link rel="stylesheet" type="text/css" href="../../css/style.css" /> head> <body class=""> <div class="aui-row aui-border-b aui-padded-r-15"> 请输入上报内容,1-10字" class="wordLength-textarea">...
  • div实现高度自适应并限制输入字数

    千次阅读 2017-07-28 12:07:05
    div模拟textarea实现高度随着内容自适应,并用js限制输入字数一、jQuery版<!doctype html> , initial-scale=1"> <title>collap

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 80,039
精华内容 32,015
关键字:

word限定输入