javascript - JQTE 文本值也获取样式

标签 javascript jquery html textbox jqte

我尝试在 JQTE 文本编辑器中获取值。我只想获取没有任何 HTML 元素或设计的值。

我试过这辆巴士,当我在 UI 上做一些样式时,它也在值中给我样式。但我只想要没有风格的值(value)。任何帮助对我来说都是很好的。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Crea Application</title>

    <link href="css/jquery-te-1.4.0.css" rel="stylesheet">



    <!--[if lt IE 9]>
    <script src="../js/thirdparty/jquery-1.11.2.js"></script><![endif]-->
    <!--[if gte IE 9]><!-->
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js" charset="utf-8"></script>
    <!--<![endif]-->
    <script src="js/thirdparty/jquery-te-1.4.0.min.js"></script>
    <!-- <script src="js/thirdparty/jquery.cookie.js"></script>
    <script src="js/thirdparty/jquery.loadmask.min.js"></script>
    <script src="js/thirdparty/jquery.maskinput.js"></script>
    <script src="js/thirdparty/jquery.bpopup.js"></script>

    <script src="js/thirdparty/jquery-date-time.js"></script>
    <script src="js/thirdparty/jquery.datetimepicker.js"></script>

    <script src="js/thirdparty/jquery-timepicker.js"></script>
    <script src="js/thirdparty/jquery-center.js"></script>
    <script src="js/thirdparty/jquery.jqdock.js"></script>
    <script src='js/thirdparty/jquery.scrollto.js'></script>
    <script src='js/thirdparty/moment.js'></script>
    <script src='js/thirdparty/bowsy.js'></script> -->

</head>
<body>


 <textarea  cols="2" rows="3" name="textarea" class="jqte-test"  id="mytextarea"></textarea>


<button class="status">Toggle jQTE</button>

    <script type="text/javascript">

     $(".status").click(function()
     {
       // alert($("textarea#mytextarea").html());
        jqteStatus = jqteStatus ? false : true;
        $('.jqte-test:first').jqte({"status" : jqteStatus});
        console.log($("#mytextarea").html());
         jqteStatus = jqteStatus ? false : true;
        $('.jqte-test:first').jqte({"status" : jqteStatus});
      });
    </script>
</body>
</html>

最佳答案

由于该字段嵌套在 jqte block 中,您可以向上移动 DOM 以达到仅允许获取文本的级别:

例如,如果您的字段是“emailsubject”:

$("#emailsubject").closest(".jqte").find(".jqte_editor").eq(0).text();

因此,在 DOM 中向上查找具有“.jqte”样式的最接近元素,然后在 DOM 中向下查找下一个样式“.jqte_editor”。由于这将是一个 jQuery 对象,我们需要使用 .eq(0) 获取第一次出现,最后使用 .text() 获取文本

关于javascript - JQTE 文本值也获取样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31171510/

相关文章:

javascript - jQuery 对类的一个元素的值进行动画处理

javascript - 访问.js文件中的头javascript变量jquery函数

javascript - 单击 HTML 表并获取行号(使用 Javascript,而不是 jQuery)

javascript - 无法使用 Node.js SDK 下载文件夹内的 blob

javascript在下一个动画之前等待动画完成

javascript - 如何在 SVG map 上放置饼图?

html - 在 IE 和 Chrome 中创建纯 CSS 平滑视差

javascript - 在另一个输入字段中按下按键时显示输入字段的值除以 php 变量

jquery - 根据另一个 div 的高度调整 div 的大小

javascript - DataTables 警告 : table id={id} - Requested unknown parameter '{parameter}' for row {row-index}, 列{列索引}`