php get hashtags of string

metodo para extraer hashtags desde una cadena de texto en php



function get_hashtags($cadena, $str = 1) {
$filtros= "";
preg_match_all('/#(\w+)/',$cadena,$matches);
 $i = 0;
 if ($str) {
  foreach ($matches[1] as $match) {
  $count = count($matches[1]);
  $filtros .= "$match";
  $i++;
  if ($count > $i) $filtros .= ",";
 }
} else {
  foreach ($matches[1] as $match) {
$keyword[] = $match;
  }
 $filtros = $keyword;
}
return $filtros;
}

No hay comentarios:

extrar hashtags de una cadena / #hashtags string preg_match

con en regular expression recorremos una cadena y extramos todos los # que contenta.

$string = 'Tweet #alianzalima ahora si te creo #gol';
preg_match("/#(\\w+)/", $string, $matches);
print_r($matches);

para comprobar, seguir este link http://codepad.viper-7.com/9gSAbq
No hay comentarios:

agregar tags html dinamicamente en un div con html5 y javascript puro - sin plugins

Si queremos dejar de usar los a veces pesados wyswyg, o textareas con opciones de edicion de texto que muchas veces ni necesitamos, les presento el codigo con que lo hice posible :

html 


<input type="button" value="Paste HTML" onclick="cargar();">

<div id="test" contenteditable="true">
    Here is some nice text
</div>

javascript 


function pasteHtmlAtCaret(html) {
    var sel, range;
    if (window.getSelection) {
        // IE9 and non-IE
        sel = window.getSelection();
        if (sel.getRangeAt && sel.rangeCount) {
            range = sel.getRangeAt(0);
            range.deleteContents();

            // Range.createContextualFragment() would be useful here but is
            // non-standard and not supported in all browsers (IE9, for one)
            var el = document.createElement("div");
            el.innerHTML = html;
            var frag = document.createDocumentFragment(), node, lastNode;
            while ( (node = el.firstChild) ) {
                lastNode = frag.appendChild(node);
            }
            range.insertNode(frag);
            
            // Preserve the selection
            if (lastNode) {
                range = range.cloneRange();
                range.setStartAfter(lastNode);
                range.collapse(true);
                sel.removeAllRanges();
                sel.addRange(range);
            }
        }
    } else if (document.selection && document.selection.type != "Control") {
        // IE < 9
        document.selection.createRange().pasteHTML(html);
    }
}
function cargar(){
    var inn = '<iframe width="560" height="315" src="//www.youtube.com/embed/tlUVVGCdOiQ" frameborder="0" allowfullscreen></iframe>';
document.getElementById('test').focus(); 
    pasteHtmlAtCaret(inn);
}

ver demo aqui http://jsfiddle.net/fenve/8WLNY/

No hay comentarios:

jquery auto complete - autocompletar campo con jquery

Es así de facil :




<!doctype html>







<html lang="en">







<head>







  <meta charset="utf-8">







  <title>jQuery UI Autocomplete - Custom data and display</title>







  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">







  <script src="//code.jquery.com/jquery-1.10.2.js"></script>







  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>







  <link rel="stylesheet" href="/resources/demos/style.css">







  <style>







  #project-label {







    display: block;







    font-weight: bold;







    margin-bottom: 1em;







  }







  #project-icon {







    float: left;







    height: 32px;







    width: 32px;







  }







  #project-description {







    margin: 0;







    padding: 0;







  }







  </style>







  <script>







  $(function() {







    var projects = [







      {







        value: "jquery",







        label: "jQuery",







        desc: "the write less, do more, JavaScript library",







        icon: "jquery_32x32.png"







      },







      {







        value: "jquery-ui",







        label: "jQuery UI",







        desc: "the official user interface library for jQuery",







        icon: "jqueryui_32x32.png"







      },







      {







        value: "sizzlejs",







        label: "Sizzle JS",







        desc: "a pure-JavaScript CSS selector engine",







        icon: "sizzlejs_32x32.png"







      }







    ];







 







    $( "#project" ).autocomplete({







      minLength: 0,







      source: projects,







      focus: function( event, ui ) {







        $( "#project" ).val( ui.item.label );







        return false;







      },







      select: function( event, ui ) {







        $( "#project" ).val( ui.item.label );







        $( "#project-id" ).val( ui.item.value );







        $( "#project-description" ).html( ui.item.desc );







        $( "#project-icon" ).attr( "src", "images/" + ui.item.icon );







 







        return false;







      }







    })







    .data( "ui-autocomplete" )._renderItem = function( ul, item ) {







      return $( "<li>" )







        .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )







        .appendTo( ul );







    };







  });







  </script>







</head>







<body>







 







<div id="project-label">Select a project (type "j" for a start):</div>







<img id="project-icon" src="images/transparent_1x1.png" class="ui-state-default" alt="">







<input id="project">







<input type="hidden" id="project-id">







<p id="project-description"></p>







 







 







</body>







</html>

DEMO aqui  http://jsfiddle.net/fenve/hthgk/
No hay comentarios: