如何在可编辑的div codeigniter php中插入图释

Question

我已经使用preg_replace这样将文字转换为表情符号，

 public function get_smiles() 
 {
 $text = preg_replace("/(^|[ ])\:\)/", "&#x1F60A;", "<img src='images/smileys/angry.gif'/>");
 return $text;
 }

在codeigniter视图中，

  <?php $smiles = $this->libarary1->get_smiles(); ?>
  <?php foreach($smiles as $k=>$v) : ?>
    <button type="button" class="make-editable" onclick="add_smile(<?php $k ?>)"><?php echo $v ?></button>
    <?php echo $k; ?>
  <?php endforeach; ?>

文本到表情的转换效果很好。现在我想通过onclick函数在可编辑的div中显示表情。

function add_smile($t) {
    console.log($t);
    $("#inputbox")
   .attr('contenteditable', 'true')
   .html("$t");
   }

在函数转换后的图释中，我的可编辑div中未定义 ，因此我应该如何将图释传递给javascript函数并将其放入可编辑的div中？

Answer 1

您忘记了代码中的回显 （ <？php $ k？> ）：

<button type="button" class="make-editable" onclick="add_smile('<?php echo $k ?>')"><?php echo $v ?></button>

Answer 2

您可以小心地转义每个引号，因为它们是深层嵌套的，因此它们不会互相破坏：

public function get_smiles() {
    $text = preg_replace("/(^|[ ])\:\)/", "&#x1F60A;", '\'\"<img src=\\\'images/smileys/angry.gif\\\'/>\"\'');
    return $text;
}