官网:http://kindeditor.net/demo.php

效果:

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAD4CAIAAABzB4iKAAAUdUlEQVR4nO3dXYiU96HH8efiXJTTglhiaSDQbOAIIcVp3APnQHNSYm5iyY22kAtZYk/CHlJJ8SUSEi/aBANnxcYQTcGrDcdttydlZc26WELXGPClJYoal8m2wZFDzZqsxpm1MWvMy3Munt3Z2ZnZmXFeHN3/58P3wh13Z8fZGPzxPPNMFAMAABCkqN0PAAAAgPYwCAEAAAJlEAIAAATKIAQAAAiUQQgAABAogxAAACBQBiEAAECgDEIAAIBAGYQAAACBMggBAAACZRACAAAEyiAEAAAIlEEIAAAQKIMQAAAgUAYhAABAoAxCAACAQBmEAAAAgTIIAQAAAmUQAgAABMogBAAACJRBCAAAECiDEAAAIFAGIQAAQKDqHoSjPamoa7Dk14U3V/raVM9opc8Y7Ipm7qbgl/M+kKJ7q/YgBruiKIpSPaPJL+aY54ENdkWVHwYAAMDtpt5BWLwHZ3fUaE9q7nYqs7rKmv2SgjssM/fmfyCz37DclxQ8jq7BOI5HR0eLP3uwK+oanPkj1KTKsAUAALh11TkI5xy2Kx1g80yyGVWOEM7eeYVl1jVYZmrOs+aSO5t9UNO7r+Sh1nR4EwAAYIGobxDWfAgt1TNa42cXLrTCrysz0PKDcc7uTNZcyRHF2ZFXdCgw6hos/g7FM7eWPxwAAMDtqvGLylR7jV8Z8x8hnNmOqZ7ROcfxCoZdweQrGYSp1PyvJ5wz8JLlOLPpZhdrXRvvb7/+1+hff/23G/9CAACAdmp4ENaxB+cfhMlvFO+8/OHCrsG5G7DMEcJyd1nfaaDVjxA6uxQAALitNToI559NBVeFqdHMuMvvvMIzOqfPCB0dLbjeZ9nXEBa9gLFwfFZ/LDYeAAAQjsYGYbLYurqKj/dVOGw42BVFXT0VryqTLLqZQ3uzqy9/jzNnjc53hLBwSFa4aEzlD6seIjQeAQCA21tDg3Cwa/qw3pyX+813LZg5b+Y3u76mD9vVM68qnDKaf6Vh8SCsfeRVulSq65ECAAC3vwYGYX4OxvHsQhrtSZW7NEuZw3wzt82cWjo6956m51jJuiy6VmjV1xA2dITQIAQAABawugfhnDk4e1PJob7CA4AFM2p6bc2+x0TBpxcf2Su8bc47S9Q4COecamoQAgAAJBp4H8LSd+ybeWe/+U4AHe1JRV09PamiTyh4r4nZFx+WmWNzTjPNz8nKL+ub82rGGz5ltLbP9bYTAADAbameQVh8uZd53ju+4HzQwltrfau/cnus9JBkuSOEc3dfhWOA5f9YZe+9yucCAADcfhp/Y3oAAABuSwYhAABAoAxCAACAQBmEAAAAgTIIAQAAAlXPIDwOAABAazR99VVQ5yDM5S5LkiRJkpqbQShJkiRJgWYQSpIkSVKgGYSSJEmSFGgG4c3u9ddfj+O47Q9Drc4P2vMvSZJ062cQ3uxu/r9T4+sX4ku98fjWSl3qbfszs8AySG6v5z+eGounxm7oW2Sz2UzNstls258TSZKk0oIYhNlsdmRkpO3PddJN3gnx9Qvx8c741B3x8ahSp+6IT93R9idnIRXmIOzu7u7s7Gz8fgYGBjZt2jQwMNDq5z+eGvtkbNtk5oVL6Z2X0jsnMy98MratxmU4PDycncdUieHh4bb/dCRJkkpbUIMwk8ls2rRp1arVK1Y8HEXRnUsWr1jxcFJfX19Tnq87lyyOyqn9Hm7yTpjK7q2+BvOb0HHC+Tt59urOPcM79ww/9/Le517ee/Ls1cqfX/kHXfa/ojr+07rV7ieXu1w4COu+n2RY5j+tjvup5S9afKl3MvNC0bHBeGpsMvNCLX8XkkH4fyMPV80glCRJt2wLZxD29fWtWrU6OS8rk8lEUbRp06amP18jMzo7Ozs7O5Nf39AxzNoH4cmzV1ObJ/Yf/bSRBxyfW1u6/R5/NOr9ZblN+OGW+r5L3eOh9vus+2tLP6yjZA0Wflh1E4Z5hDA3dxDW3cDAQBRFLT1CmKzBrycPfT15KNmE+b6ePFTLJkwG4bm3vn393buSJoe+Xbbkk9v+o5EkSSptgQzCbDZ755LFW7ZM75nt27dHUdTSFx8mBx7r+MLad8Km17OpzRM/eenjRh5nPL61aPWd/F0URVFqaTMHYa5gdJX9sJH7fO2/n677a+f78IYqWoP5G597eW/dP+gKh7zqeJy3zr0lR/a6u7sb+bk3pcrPfzw19tGBJ76ePBRf6o0v9SazMGkquze55aMDT1Q+dzQZhMnki9+7e7ptUbwtinfPKVdtEB47c3744F92vXF4557hXW8cPnzsdNGNO/cMDx/8S9ufVUmStPBaIIMwOZ6QPyS4YsXDdy5Z3NInrtWD8PzEl8nhwdTmiapnJ1aodBA+/mjUs2HRom9FJ393Sw/CJzfuauQemjUIS9fg+Ykvz098mctdbmQQqtVVfv4vpXdeOb1+Krt3MvPCZOaFXzz542QZ/uLJHye3TGX3Xjm9/lJ6Z4VvkQzC0Z3/lP7VN069eW98bm38/kPTg3BbFG+L0r/6RlKu4iBMhl/+r/n+w2PPvby3f+ho6Y02oSRJanoLZBCOjIx0dHQkJ5hls9koijo6OrZs2bJly5a6zzrLZDL5lyCuWPFw0QmorR6EOwav/vy1C7nc5Z+89PGLv52s+wdcNAizb0eLvhVl344efzR6/NFbehAmX/7kxl2NfPl8H9ZY5TVY+bGF+RrC5FTqxo8QDgwMdHd3t+6U0Y8OPBG//9B059Y+9sPFyQ587IeL43Nrp6fd+w99dOCJCt8iGYQPff+bSY/9cHFS/pZ8uYqDMBl+O/cMP7hq3U+7t/YPHU3af3isf+hocuPOPcP9Q0efebHOvw6SJEnztUAGYWGbNm2Komj79u3JC/zyt2+Zq+r9ZDKZLVu2JNenKR2WRYOw9juvcRDmXz3Y9/anqc0Tucmv6vsBFw3C3l9O78CTv5tehqWD8EafqKQ6xkOFGjw8mGvGIKy8Bp97ee/yR/6z8R/0giz/MsK6h2WrLyozvm/l9Xfvmj7J8/2HpkdgwRSM37v7+rt3je9bWeFBJoPwziWLH/jBd9c+8p2eDYvWPvKdwh34wA++m5SrOAh3vXE4l7v84Kp1h4+dLjwGePLs1ZNnrz7z4q7Dx07v3DN88uzVB1eta/sPV5IkLbAW4CBctWr1fOeL3ujISb6k7D86S48Q1njnteyE5EzRHYNXd7315Yu/nUxtnuh7+9PSb1TLtysahKmlUWpplPxrNYpKLi0zc4Swjieq6B/oDW7C5GvrPjyYa3gQ1rIG+4eO1v2DrrBw6njSbp17GxgYuC0uKpMMwuvv3vXn3yyZnoXHO6d77+4//2ZJ8rtVB+HU1FRHR8ey++7p2bAoGYTL7runo6Ojo6MjucZVNpvdvXv3yMhIJpOZ7376h44eO3M+uYDtzj3D//xvj+V7cNW65Mb+oaO73jj80+6tjT+3kiRJhS3AQXjnksVr1qyZ73dvaOTkbmQQ1njntQzCn792IbV5orCiS8vUPtgKB2FyVPCX3dM99P1vFl9aZnxr4be4oSeqiYOw8cODuYYHYYNrsMYf9MKrc0bbH0nVU0Y/2780GYQ9Gxade2v6qjDn3vp2z4ZFySD8bP/SqqeMTk1NLbvvnv/493t3rFu+Y93ytY9854EffLejo6OzszObze4+s333me253OXK/xNL1mBy4uixM+e3vrY/OUe07I1tf2IlSdICa6ENwr6+vuSfYs16gm5oENZS1Z2QufBlavNE5sKX+VsOv/9ZavPE4fc/K3pgtXy765/sKLycTOHrBs+9GUXR3EvLjNd//KGJgzD5wkYODxbdSR0Lc+ee4fwIzFf7Gqz6g658FK72I3K32v3cOlV+/s+d2ffZ/qXJJjz15r3Jllv3L/fsWLf81Jv3JocHP9u/9NyZfRW+RTIIkwGcH4TL7runu7s7+V/Qz/649md/XFvLoz187HQy+R5cte6ZF3cl/4EV3WgNSpKkVrQQBmE2m01eLlj4VoTN6uYPwhd/O1n6VhOpzRObXq/nz5U/QphcTqboyqKppXMvLVPvIGzWeGju/Gjkrp57ee/hY6cPHzt98uzVGz02WOMPekHWrCOEw8PDLb2oTC53eXzfysuHHo2Pd+bfRTBffLzz8qFHK58vmpsZhHmFv/XMwY2r/7A6GYSr/7D6V3/Z3PYfjSRJUtkWwiBctWp1FEWdnZ2N/PNxvjKZTNkHcPz48QovCqpQlX+nTn5V9IrBpB2DV1ObJ4oOWNVS4SAsfZ+Jc29G595szhHCBVbyNoPJy7eSV3Dd0BrMhfoawtzcN6av+35afVGZXO7ypxPnx/et/OjAE/84sXr2BYTHO/9xYvXVU/81vm/lpxPnKz/IdDo9Us7U1NTqP6z+3o7vPfA/30+q8TihJEnSzW8hDMLbq6qDsPy7Ds53e7XiS73xqTvKvAd9aafuiC/1tv35aUrNWkf9Q0ef3LgrqemDZAHX+BHCVl9UJunTifMfDD01vm/lJ2Pb8o3vW/nB0FNV12AtJZuw7T8OSZKkChmEN7ubvBPi6xfi9+6uvglP3RG/d3fbn5yFVJiDsFnvQ3gzn/+///VI5k8vfTD01AdDT2X+9NLf/3qkWY/hR9uW/aj3R21/KiRJkipkEAZRfKk3Ht86pw+3zGmhHBuUJEmSVHsGoSRJkiQFmkEoSZIkSYFmEEqSJElSoBmEkiRJkhRoBqEkSZIkBdrtMQgBAABohaavvgrqHIRNfxwAAAAYhAAAAIEyCAEAAAJlEAIAAATKIAQAAAiUQQgAABAogxAAACBQBiEAAECgDEIAAIBAGYQAAACBMggBAAACZRACAAAEyiAEAAAIlEEIAAAQKIMQAAAgUAYhAABAoAxCAACAQBmEAAAAgTIIAQAAAmUQAgAABMogBAAACJRBCAAAECiDEAAAIFAGIQAAQKAMQgAAgEAZhAAAAIEyCAEAAAJlEAIAAATKIAQAAAiUQQgAABAogxAAACBQBiEAAECgDEIAAIBAGYQAAACBMggBAAACZRACAAAEyiAEAAAIlEEIAAAQKIMQAAAgUAYhAABAoAxCAACAQBmEAAAAgTIIAQAAAmUQAgAABMogBAAACJRBCAAAECiDEAAAIFAGIQAAQKAMQgAAgEAZhAAAAIEyCAEAAAJlEAIAAATKIAQAAAiUQQgAABAogxAAACBQBiEAAECgDEIAAIBAGYQAAACBMggBAAACZRACAAAEyiAEAAAIlEEIAAAQKIMQAAAgUAYhAABAoAxCAACAQBmEAAAAgTIIAQAAAmUQAgAABMogBAAACJRBCAAAECiDEAAAIFAGIQAAQKAMQgAAgEAZhAAAAIEyCAEAAAJlEAIAAATKIAQAAAiUQQgAABAogxAAACBQBiEAAECgDEIAAIBAGYQAAACBMggBAAACZRACAAAEyiAEAAAIlEEIAAAQKIMQAAAgUAYhAABAoAxCAACAQBmEAAAAgTIIAQAAAmUQAgAABMogBAAACJRBCAAAECiDEAAAIFAGIQAAQKAMQgAAgEAZhAAAAIEyCAEAAAJlEAIAAATq9hiEAAAAtELTV18FdQ7CXO6yJEmSJKm5GYSSJDWz3bt3t/0xSJJUYwahJElNa/uMtj8SSZJqySCUJEmSpEAzCCVJqrN0Ol3j6/XT6XTbH60kSaUZhJIk1dnIyEjhh1NTU1NTU9m5xsfHx8fHiz5TkqRbJINQkqQ6O3LkyEBtjhw50vZHK0lSaQahJEmSJAWaQShJUtNaM6Ptj0SSpFoyCCVJakLj4+PpdPrIkSNr1qw5cuRIOp0eHx9v+6OSJKlyBqEkSc0pfwmZ8fHxbDbb9scjSVLVbo9BCAAAQCs0ffVVUM8gBAAAYAEwCAEAAAJlEAIAAATKIAQAAAiUQQgAABAogxAAACBQBiEAAECgDEIAAIBAGYQAAACBMggBAAACZRACAAAEyiAEAAAIlEEIAAAQKIMQAAAgUAYhAABAoAxCAACAQBmEAAAAgTIIAQAAAmUQAgAABMogBAAACJRBCAAAEKh6BuHnX3y19tWD96/vX/Z0X1u6f31/1ysjn3/xVdOfDgAAgHDUMwjXvnowtf73y58d6nz+QFta/uxQav3v1756sOlPBwAAQDjqGYSdG/rbuAbzm7BzQ3/Tnw4AAIBw1DMIlz3d1941mLTs6b6mPx0AAADhMAgBAAACZRACAAAEyiAEAAAIlEEIAAAQKIMQAAAgUC0bhIcm4w/Pdj5/oPP5s2NXPt74/IHOPR9fjK+9s6fq5xuEAAAAN0OrBuHG9LWxQwc6kx04u/ROvHMlnr294ne5mD5hEAIAALROiwbhiXeuTPbOHPqrOu0cIQQAALj5WjQIz45VuY/J3ucP9H5Y5RMMQgAAgNZp9UVlCg4VOkIIAABwK2nxIDw0WfrlyRmkG9PXqnyb5FI0BiEAAEBrtHYQ9n547Z305PRVZKYPGMYFH87uxovps4UvO3TKKAAAQKu1chBOnwU6e9boxvS10vNCZ2/MX3e0tnNHDUIAAIBGtG4Qnh2bfdfBmWvMFC+9s2NxfPHKtdnLkO75+GJc7hCiQQgAANBsrXvbifyuO/HOlTiO44tXrsUFY29j+tr0eaGHJi+mTyQvKUx+d/rqo15DCAAA0EotGYQb09cupk/MvKtE/jhh+bGXTMGa3qvQIAQAAGieVr/tRAszCAEAABphEAIAAATKIAQAAAiUQQgAABAogxAAACBQBiEAAECgDEIAAIBA1TMIl2/oX/7sUHvX4PJnh5Zv6G/60wEAABCOegZh1ysjqfW/b+MmXP7sUGr9/3a9MtL0pwMAACAc9QzCz7/4au2rB+9f37/s6b62dP/6/q5XRj7/4qumPx0AAADhqGcQAgAAsAAYhAAAAIEyCAEAAAJlEAIAAATKIAQAAAiUQQgAABAogxAAACBQBiEAAECgDEIAAIBAGYQAAACBMggBAAACZRACAAAEyiAEAAAIlEEIAAAQqP8HsRQHKVIJnVUAAAAASUVORK5CYII=" alt="" />

0.下载文档

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAACKCAIAAAA/l9+iAAAKz0lEQVR4nO2d/2/U5h3H/degamxrGaSEK02raN+oqraatglaiW77wVIlNMLahrKkZKFJOFIxDCG0U9CaQckCSYGm4EqlIdqSAE0DpYikVRw4ElIScndJyFffJej6g+/sx/bz2L6z7/z4yectC13unsc+/Lrn8XPP8763uRSIRXF+vwFVkhDieNH8XEiQnO1A5J2X1QpndYjgyGOui/H7fY3be+pf6ql/qa9x+2L8vuOqwNVLecz1f/UvL8Wkx0vRx0vRR6PXrx7d7rgqjmtWyo2rh2+AJmXHtaurKxwOk15djEW6azc+6K2YvlU3d6tmpr/qwZdvf9v0h68bXvy64cWbH72emI+R9w1cvVQWXDs7O9euXbtmzRpSgSsHfz1xs2nmzpnZSPtspH32btuMdGZaOv0ocv5R5Hxs8GRf4+/Iu0dOqySEOI7jReQ5kedCgsBzHMdxKBEx/ZTxBe15m8LpQyAvpSughVXcSmmR1++XQjnlqkDdunWrBddLe9fLD0WL7dLe9eQjZBiKvHbOdFwzp1e7Ioo8csqRemhjVHdBKKwdAm2v6JtAq6qfONrliKsKddu2bRZcJwYuz0lfTF1vTsSHkzOD0ue7+o6/0n24tPtwabdQ2i2UXg5v6jmypefIlp4jL5hqS0KI43led9YM7VVDFRIkU1+q/qlvlummRSqM5WrspdWXAtNX23NFoVpzTc5HR1pfW4i0jra9nlycfvjNUXn8U3m8Qx7vkCc+kycuyBMX5Yfi1PcnOg88b6otCSGOC4V0o9OcuZo7SbdcjaUplz3XcDi8BlFdXR2pZPTav4Yv/K3i1Z/f/XTH9O3zyfhVeeSEPHJSHv1YHj0lj7bI9/8bv3X0i/pfxSI3TLUzp0wSQhx6oSVz1XWtysdCuzQiXa7Wk2MKO+yH038wxNWhlhemhv798siV6lee4OYG35dO/H5l4YEsHZWHG+XhY/LwB/KdD2P9+8Xa0ujd67gdGE8rx/GiDVf98EgwXFWNYx58YdNwzcG4yatzlkd5xvXB/4X7n/1pYXDvufd/K3//j0j7a7Fv2uTBOnlwvzwYlr87MNn79ws1v5y8g4UK8liecf2u+Y+z/e8sDtY0/LVoeTj8qK98qOXPZ/cUn91T/Mme4os1v/mqpWJhetyrw4Gs5RnXG4efm7lW/jhyaOxKxePIocnLOwb/s82rnYOylWdco7cvflVfdLXuSWXrF56fGuryauegbEXPeg7ISwFXNgVc2RRwZVPAlU0BVzYVfK6MGllcihauuRujgCtO+eXa29s7Pz/vpKQLYxQIo/xybWlpaW1tjcUsbE2plFtjFAijvHOdnJxsamoaGxuzKObKGGVYyxPTK3QZS43e4oRdv9OW5PSLfXiTVDCUd66pVCoWiwmCMDQ0RCrmyhhl8EChVhjjerkk8Bk+2iq7xeK82SQVGBWCayqVGh8fr66unpqawhb7vGKdPNambAuRU9kZo/Br76THphablUkqOCoE13g8bt1eO3Y/Kd9rlu81T317qPfYloc3DmdhjHLOFW2NqE3RuUkqOMo712g0ant9Pfvmz+Thxnh/bdfB0vjNQ/LIiSyMUc65Is8hJqqsTFKBERXj4dNlP41drbgUfi7Wt0+WGmSpIQtjVBb9sNYHh3g+pKfp1CQVEFHx/fXUjp9crNoY7X1bHnhPHqiRB2p9M0YFvPtVRcV80/VzB0/uWHvmrXVt5Rva33n6kz3FBTRGSUII95uBgIsKrj4L6W/ZgJoCrqwKuLIp4MqmgCubAq5sCriyKeDKpoLPFXwwONHCFfxN3oqK+eEU+Ju8FhXrOeBv8lws+ZvMC2tI3FIwl9tyFkP+JowJSR+3JPKrhywV/iZXwU8G35puDGVAHTz7Wc6iwt/kKvjJCEtpo9i4JeDqkRz6m1wFPyH9sCCangoZzEurBCsF42G3wU/6mDT9AEnN5lttwyYKvr+6DX6y6lxXUcdrkP/zTS6Dnyynm4Crf3IZ/GTZuwJX/wTBT/mQ/1xB+RBwZVPAlU0BVzYFXNkUcGVTDHAV+VX6HdVKtHB1cWM74IqR//PDilz4m4ArRv6v56Tc+puAK0bB9zehXDHJAbY3tjNkNjGi4PubNK7EeCbLG9uhWSHsiAp/k6v8Jn0/bGqx2dwAjSFR4W9yld+kcsXGMwHXfKgQ+U0qV2I8k/Mb27EjKsbDrvKb0OsrJp6JcGM7UmYTK6Li+6vP+U3QD+dJBc9vYjOzCRUVXH0Qi5lNqFYrV9YFXNkUcGVTwJVNAVc2BVzZFHBlUwxzzWm9nZXUIFq4uvA3kQRc8yZf85tWtT+GivWc/OQ3Ade8qSD+JlJIE7reji626mb8jUt1hgV5kzEqKPdeYcDfRAppsuZKWFo3pAYZjFHB+Z00Ff4mV/lNxDAfS64kK4y1gQYTEUWpqPA3ucpvKihXbS+U06XC3+Qqv4kY0oRyRexsWfTDJq6YiChK5f942G1+EzGkSRsPq4Md+9vS2bXXoGRo+v/91W1+kydNhzmLk//zTS7zm3LlyrjFyX+uLvObcm+vTFuc/OcK+U35kP9cQfkQcGVTwJVNAVc2BVzZFHBlU4xxZW7eKFfRwtUjfxNwTcv/+WFFLvxN6HwTcE3L//WclFt/E3DFKPD+JnXdjAsJkt6UhMwaa8trGewiz4UEMT1FzItaEVzGE/ib9CqYvwl1N+HSmnRcMoYJjkPNLeidClOEWrSvpmuiwt/kLr+J1A8jqT56mbJ+cI+JtYKx/EOFv8ldfpMDrhgQDrha3paHcrpU+Jvc5TfZcdXfH1Tkzd0s9jGuFvibFBUkvykzllHHTVZpTdhPAOExbowE/qZUKij5TSyKivmmguc3sS8quII8F3BlU8CVTQFXNgVc2RRwZVPAlU1RxLWj/ins5vf7CqQo4nouvC6RXDFstzvesEOLm6rNKq4nq8V43S+g8zr1r/7O0xSA4uDQFHFt3/+LpcSKnFhZSqyoD4Y6Kwds0AJXjKiYH1bUWrd+bnF5bnH5ib8cU7alxMq9a+GhzsrbHW+criUtrbteWsmNq4dvgHgkAlcHomI9R9HH721Quf4QSyhc1e1UzQZCPeCKERX+JkUf7SuaW1yOzyZVrgpmZWveV0Soh5xWNfLHLobJ6IfQXsB4mvCF04cQeeNO0MIqDyRkCvsZwq8kWvTDxogFw8IhFf4mRceritROWOEan00qUOOzyeNVTxPqZf6X6K/OrWOYjGvmKBK8EwpTWDuE0WCl/5Cg9/YhNTvSnfXsuJJ7Cir8TYo+eHej2gkrXNUtPps8VrmRUE/NDcGF/WR1HzOsp8k+EQg5u8ZemkQAiXqTkKK6luekvRL9VlT4mxQdqShGB00o4PhssqFiE6GektIT0g0Rc+ZqPkVuuRpLE/8HmDvr2ffDWn39ganwNyn65+5NCkh1Q+ke3G3FNWMCRS87NrFpmPAmohPKOunJsh824cLI6L0hcDXH+ZH9VhSNh8Plzxigog8OlD9DqGfyD3O8aBubhg6PBMNV1TQOwRY2D17sx02k/zoSJaW7s54dV7LfiqLvr7VvblZAjkaX0Our8mfNW5vz+laDJAdfrCiab6retfnuxBJ2+yGW2LcLuKblZKaLIq5VZc9W7iypLCupLCupQP6t3FlSubOkquxZv98gBUp3u/bTFBRxBXko4MqmgCubAq5s6kebUZzNu83lFAAAAABJRU5ErkJggg==" alt="" />

1.引入核心文件(CSS与JS)

  items可以设置需要显示的控件

<!-- 编辑器 -->
<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" />
<script charset="utf-8" src="kindeditor/kindeditor-all.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh-CN.js"></script>
<script charset="utf-8" src="kindeditor/plugins/code/prettify.js"></script>
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="liuyan.content"]', {
resizeType : 1,
allowPreviewEmoticons : false,
allowImageUpload : true,
pasteType : 0, //设置能否粘贴
items : [ 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor',
'bold', 'italic', 'underline', 'removeformat', '|',
'justifyleft', 'justifycenter', 'justifyright',
'insertorderedlist', 'insertunorderedlist', '|',
'emoticons', 'image', 'link' ]
});
// 同步数据后可以直接取得textarea的value
editor.sync();
});
</script>

2.页面准备textarea

        <!--编辑留言区域-->
发表您的留言:<br />
<form action="1.action" method="post" id="liuyanform">
<textarea id="liuyan.content" name="liuyan.content"
style="width: 100%;" class="el_editorBox"></textarea>
<input type="hidden" name="liuyan.name"> <br>
<p id="fabiao" class="btn btn-primary btn-sm" data-toggle="modal"
data-target="#add">
<span>发表</span>
</p>
</form>

3.处理的JS函数

  判断编辑器是否为空以及获取编辑器的值异步ajax提交。

/**
*
* Created by liqiang on 2017/10/1.
*/
$(function() {
/**
* 提交按钮点击事件,内容不为空 的时候打开模态框输入姓名
*/
$("#fabiao").click(function() {
editor.sync();
// 判断内容区是否为空
if (editor.isEmpty()) {
alert("内容不能为空!");
return;
}
$("#tijiaomotai").modal();
});
$("#tijiao").click(function() {
$("input[name='liuyan.name']").val($("input[name='name']").val());
$.ajax({
url : 'myBlog/liuyan_addLiuyan.action',
data : {
'liuyan.content' : editor.html(),
'liuyan.name' : $("input[name='name']").val()
},
type : 'POST',
async : true,
success : function(data) {
alert(data);
window.location.href = 'liuyan_getLiuyans.action';
},
error : function() { }
});
}); });

【kindeditor】kindeditor的使用的更多相关文章

  1. kindEditor完整认识 PHP上调用并上传图片说明/////////////////////////////z

      最近又重新捣鼓了下kindeditor,之前写的一篇文章http://hi.baidu.com/yanghbmail/blog/item/c681be015755160b1d9583e7.html ...

  2. 清空KindEditor富文本编辑器里面的内容方法

    //清空KindEditorKindEditor.instances[0].html(""); 0表示第一个KindEditor编辑器对象 详情见链接:http://www.new ...

  3. 将kindeditor在线编辑器制作成smarty插件

    在web开发中,在线编辑器是经常要用到的功能模块,虽说配置在线编辑器没有多大难度,但是每一次编写重复的代码,总是让人感觉不爽. 本篇,就来讲解一下,如何将kindeditor制作成smarty的一个自 ...

  4. Kindeditor(JSP)& 上传目录不存在

    一.基本配置 Kindeditor是一款富文本编辑器,作用跟博客园写文章用的这个编辑器一样,都是为了让文本加入各种各样的修饰元素. 使用方法如下,解压缩,把期中的ASP\NET\PHP文件夹都删除,然 ...

  5. KindEditor上传本地图片在ASP.NET MVC的配置

    http://www.cnblogs.com/upupto/archive/2010/08/24/1807202.html 本文解决KindEditor上传本地图片在ASP.NET MVC中的配置. ...

  6. kindeditor的简单使用

    上传到云: 一.引入kindeditor <%@ page language="java" contentType="text/html; charset=UTF- ...

  7. 优秀的富文本编辑器 Kindeditor

    <textarea name="txtbody" style="width:100%;height:320px;" > {$article.txt} ...

  8. asp.net中两款文本编辑器NicEdit和Kindeditor

    过Web开发的朋友相信都使用过富文本编辑器,比较出名的CuteEditor和CKEditor很多人应该已经使用过,在功能强大的同时需要加载的东西也变得很多.下面要推荐的两款富文本编辑器都是使用JS编写 ...

  9. extjs4 与 kindeditor

    <link rel="stylesheet" href="<?php echo Yii::app()->request->baseUrl;?> ...

  10. KindEditor配置步骤

    KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE.Firefox.Chrome.Safari.Opera等主流浏览器. KindEditor ...

随机推荐

  1. 删除sqlserver管理器登录信息缓存

    在Windows10下测试有效: C:\Users\<user>\AppData\Roaming\Microsoft\Microsoft SQL Server\100\Tools\Shel ...

  2. 简单的cocos2dx笔试题

    1.参数传递有几种方式?值传递.指针传递.引用传递 2.指针和引用有什么分别:如果传引用比传指针安全,为什么?如果我使用常量指针难道不行吗? 1.指针是一个变量,存储一个地址,指向内存的一个存储单元: ...

  3. CF-1143D. The Beatles

    题意:有间隔为k的n个点在数轴上,下标为 \(1,k+1, 2*k+1,\cdots (n-1)*k+1\) 首尾相接.设起点为s,步长为L,而现在只知道s距离最近的点的距离为a,和(s+L)距离最近 ...

  4. NOIP2018 - 一些板子

    好多东西都不熟练…… 数论 数论分块「bzoj2956: 模积和」 10.28.2018 #include<bits/stdc++.h> typedef long long ll; ; ; ...

  5. Python基础——赋值机制

    使用id()函数用于获取对象的内存地址. 使用is来判断是不是指向同一个内存. 把一个对象赋值给另一个对象,两个对象都指向同一个内存地址. test=1000 test1=test id(test) ...

  6. 动态规划:Codeforces Round #427 (Div. 2) C Star sky

    C. Star sky time limit per test2 seconds memory limit per test256 megabytes inputstandard input outp ...

  7. HDU 1561 The more, The Better(树形背包)

    The more, The Better Time Limit: 6000/2000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Oth ...

  8. TextView设置缩略显示

    1.代码设置 textview.setSingleLine(); textview.setEllipsiz(TextUtils.TruncateAt.valueOf("END")) ...

  9. loj2000 「SDOI2017」数字表格

    there #include <iostream> #include <cstring> #include <cstdio> using namespace std ...

  10. ogre3D学习基础11 -- 日志文件的使用与异常处理

    用文件来记录 Ogre 系统初始化.运行.结束以及调试信息.使用日志便于我们调试程序.Ogre 日志系统由两个类组成:Log 类与 LogManager. 1.Log类 Log 类的一个对象对应于一个 ...