shensong00
/
order_consumption_system_new


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
							<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>可集成EmojiOne表情符号的所见即所得的文本编辑器|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title>
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/emojione/1.5.2/assets/sprites/emojione.sprites.css" media="screen">
	<link rel="stylesheet" type="text/css" href="css/stylesheet.css" media="screen">
	<link rel="stylesheet" type="text/css" href="css/emojionearea.min.css" media="screen">
	<link href="http://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1>可集成EmojiOne表情符号的所见即所得的文本编辑器 <span>jQuery WYSIWYG-like plugin with emojione smiles for use in replies and comments</span></h1>
			<div class="htmleaf-links">
				<a class="htmleaf-icon icon-htmleaf-home-outline" href="http://www.htmleaf.com/" title="jQuery之家" target="_blank"><span> jQuery之家</span></a>
				<a class="htmleaf-icon icon-htmleaf-arrow-forward-outline" href="http://www.htmleaf.com/jQuery/Layout-Interface/201603193236.html" title="返回下载页" target="_blank"><span> 返回下载页</span></a>
			</div>
		</header>
		<section class="main-content">
		<h2>Examples</h2>
  <p>Auto hide filters:</p>
<textarea id="example1">
Lorem ipsum dolor 😍 sit amet, consectetur 👻 adipiscing elit, 🖐 sed do eiusmod tempor ☔ incididunt ut labore et dolore magna aliqua 🐬.
</textarea>

  

  <p></p>

<pre class="prettyprint linenums">
&lt;textarea id=&quot;example1&quot;&gt;
Lorem ipsum dolor 😍 sit amet, consectetur 👻 adipiscing elit, 🖐 sed do eiusmod tempor ☔ incididunt ut labore et dolore magna aliqua 🐬.
&lt;/textarea&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
  $(document).ready(function() {
    $(&quot;#example1&quot;).emojioneArea({
      autoHideFilters: true
    });
  });
&lt;/script&gt;
</pre>

  <p></p>

  <p>Using <code>div</code>:</p>
  <div id="example2">Lorem ipsum dolor 😍 sit amet, consectetur 👻 adipiscing elit, 🖐 sed do eiusmod tempor ☔ incididunt ut labore et dolore magna aliqua 🐬.</div>

  

  <p></p>

<pre class="prettyprint linenums">
&lt;div id=&quot;example2&quot;&gt;
Lorem ipsum dolor 😍 sit amet, consectetur 👻 adipiscing elit, 🖐 sed do eiusmod tempor ☔ incididunt ut labore et dolore magna aliqua 🐬.
&lt;/div&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
  $(document).ready(function() {
    $(&quot;#example2&quot;).emojioneArea();
  });
&lt;/script&gt;
</pre>

  <p></p>
  <p>Using <code>input</code>:</p>
  <input id="example3" value="Lorem ipsum dolor 😍 sit amet, consectetur 👻 adipiscing elit, 🖐 sed do eiusmod tempor ☔ incididunt ut labore et dolore magna aliqua 🐬.">

  

  <p></p>

<pre class="prettyprint linenums:1">
&lt;input id=&quot;example3&quot; value=&quot;Lorem ipsum dolor 😍 sit amet, consectetur 👻 adipiscing elit, 🖐 sed do eiusmod tempor ☔ incididunt ut labore et dolore magna aliqua 🐬.&quot;&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
  $(document).ready(function() {
    $(&quot;#example3&quot;).emojioneArea();
  });
&lt;/script&gt;
</pre>

  <p>Using images instead of the sprite:</p>
<textarea id="example4">
Lorem ipsum dolor 😍 sit amet, consectetur 👻 adipiscing elit, 🖐 sed do eiusmod tempor ☔ incididunt ut labore et dolore magna aliqua 🐬.
</textarea>

  

  <p></p>

<pre class="prettyprint linenums">
&lt;textarea id=&quot;example4&quot;&gt;
Lorem ipsum dolor 😍 sit amet, consectetur 👻 adipiscing elit, 🖐 sed do eiusmod tempor ☔ incididunt ut labore et dolore magna aliqua 🐬.
&lt;/textarea&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
  $(document).ready(function() {
    $(&quot;#example3&quot;).emojioneArea({
      useSprite: false
    });
  });
&lt;/script&gt;
</pre>

  <p>Change layout:</p>
<textarea id="example5">
Lorem ipsum dolor 😍 sit amet, consectetur 👻 adipiscing elit, 🖐 sed do eiusmod tempor ☔ incididunt ut labore et dolore magna aliqua 🐬.
</textarea>

  

  <p></p>

<pre class="prettyprint linenums">
&lt;textarea id=&quot;example5&quot;&gt;
Lorem ipsum dolor 😍 sit amet, consectetur 👻 adipiscing elit, 🖐 sed do eiusmod tempor ☔ incididunt ut labore et dolore magna aliqua 🐬.
&lt;/textarea&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
  $(document).ready(function() {
    $(&quot;#example5&quot;).emojioneArea({
      template: &quot;&lt;filters/&gt;&lt;tabs/&gt;&lt;editor/&gt;&quot;
    });
  });
&lt;/script&gt;
</pre>
</section>
		<div class="related">
		    <h3>如果你喜欢这个插件，那么你可能也喜欢:</h3>
		    <a href="http://www.htmleaf.com/jQuery/Layout-Interface/201603133211.html">
			  <img src="related/1.jpg" width="300" alt="带预览模式的Bootstrap所见即所得文本编辑器"/>
			  <h3>带预览模式的Bootstrap所见即所得文本编辑器</h3>
			</a>
			<a href="http://www.htmleaf.com/jQuery/Layout-Interface/201512282959.html">
			  <img src="related/2.jpg" width="300" alt="基于Bootstrap3所见即所得的jQuery文本编辑器插件"/>
			  <h3>基于Bootstrap3所见即所得的jQuery文本编辑器插件</h3>
			</a>
		</div>
	</div>
	
	<script src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/emojione/1.5.2/lib/js/emojione.min.js"></script>
	<script type="text/javascript" src="js/emojionearea.js"></script>
	<script type="text/javascript">
	    $(document).ready(function() {
	      $("#example1").emojioneArea({
	        autoHideFilters: true
	      });
	    });
	  </script>
	  <script type="text/javascript">
	    $(document).ready(function() {
	      $("#example2").emojioneArea();
	    });
	  </script>
	  <script type="text/javascript">
	    $(document).ready(function() {
	      $("#example3").emojioneArea();
	    });
	  </script>
	  <script type="text/javascript">
	    $(document).ready(function() {
	      $("#example4").emojioneArea({
	        useSprite: false
	      });
	    });
	  </script>
	  <script type="text/javascript">
	    $(document).ready(function() {
	      $("#example5").emojioneArea({
	        template: "<filters/><tabs/><editor/>"
	      });
	    });
	  </script>
</body>
</html>