入力した後に contenteditable の値を取得するにはどうすればよいですか?
divをクリックしてテキストを編集し、それをphpに送信した後、その値を取得する方法はありますか?..
ところで、私はこれに jquery と php を使用しています。ここに私のコードがあります:
<div class="profilestatus"> <a contenteditable>type text here</a></div>
多分 :
$('#yourForm').submit(function() {
$('#hiddenInput').attr(
'value',
$('.profilestatus').first().children(0).html()
);
});
?
<textarea>
CSS を使用してスタイルを設定することもできます。これにより、非表示の入力が回避されます。
<input>
代わりに使用してください。必要に応じて、CSS を使用して のようにスタイルを設定できます<a>
。で入力の現在の値を取得できます$('input').val();
。
デモ: http://jsfiddle.net/9R5VE/
HTML:
<input value="editable"></input>
jQuery:
$("input").focusout(function(){
alert($(this).val());
});
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]);
私は何年もの間、コンテンツを自動的に強調表示しようとしていましたが、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>