Question

我输入后如何获得contenteditable的值？

点击div并编辑文本并将其发送到php后，有没有办法获得它的价值？

BTW我正在使用jquery和php。这是我的代码：

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

Answer 1

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]);

Answer 2

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

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

HTML：

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

jQuery的：

$("input").focusout(function(){
    alert($(this).val());
});

Answer 3

也许：

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

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

Answer 4

我多年来一直试图让内容自动突出显示，但不能用JS和jQuery来做:(

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

工作示例：here

    <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>

如何从我的div获得contenteditable的价值

4 个答案: