1

输入内容后如何获取 contenteditable 的值？

在我单击 div 并编辑文本并将其发送到 php 后，有没有办法获取它的值？..

顺便说一句，我为此使用 jquery 和 php。这是我的代码：

<div class="profilestatus"> <a contenteditable>type text here</a></div>
4

4 回答 4

0

改为使用<input>。如果需要，您可以使用 CSS 对其进行样式设置<a>。您可以使用 获取输入的当前值$('input').val();。

演示： http: //jsfiddle.net/9R5VE/

HTML：

<input value="editable"></input>

jQuery：

$("input").focusout(function(){
    alert($(this).val());
});
于 2013-04-11T19:29:39.650 回答
0

也许 ：

$('#yourForm').submit(function() {
    $('#hiddenInput').attr(
        'value',
        $('.profilestatus').first().children(0).html()
    );
});

?

您还可以<textarea>使用 CSS 设置样式。这将避免你有一个隐藏的输入。

于 2013-04-11T19:30:34.987 回答
0 
var phrase = '<div class="profilestatus"> <a contenteditable>type text here</a></div>'; 
var myRegexp = YOUR MATCH PATTERN;
var match = myRegexp.exec(phrase);
alert(match[1]);
于 2013-04-11T19:26:21.997 回答
0

我试图让内容自动突出显示已经很长时间了，但既不能用 JS 也不能用 jQuery :(

无论如何，这就是我所拥有的：

工作示例：这里

    <script>
        function formSubmit(content)
        {
            document.eForm.link.value = content;
            document.eForm.submit();
        }
    </script>
    <?php
        $link = isset($_POST['link']) ? $_POST['link'] : NULL;
        ($link !== NULL) ?
        ((stripos($link, 'http://') === FALSE) ?
        header('Location: http://'.strip_tags($link)) :
        header('Location: '.strip_tags($link))) : true;
    ?>
    <form name="eForm" method="Post" action="<?php echo $_SERVER['PHP_SELF'] ?>">
        <input id="try" type="hidden" name="link" />
        <div id="eDiv" class="profilestatus" contenteditable>
            <a id="eLink" onclick="formSubmit(document.getElementById('eLink').innerHTML)">highlight, type, click!</a>
        </div>
    </form>
于 2013-04-11T21:42:46.683 回答