README

这是一个简单的Elefant CMS成员聊天应用，由Elefant CMS和Pusher实时消息服务驱动。

要安装，请将应用拖放到您的Elefant apps文件夹中，并编辑文件apps/chat/conf/config.php。输入您的APP ID、API Key和API Secret值。现在您可以通过网站上的URL /chat 访问默认聊天。请注意，聊天仅限会员使用，如果您未登录，将被引导到会员登录界面。

嵌入聊天框

聊天可以通过WYSIWYG编辑器中的动态对象菜单嵌入到任何页面，或者通过以下代码嵌入到任何应用程序中

<?php

echo $this->run ('chat/index', array ('channel' => 'channel-name'));

?>

或者在一个视图模板中

{! chat/index?channel=channel-name !}

如果没有指定频道，频道名称将是default。您可以在应用中使用频道为不同用户组创建独立的聊天室。

样式化聊天框

聊天框可以通过CSS轻松样式化，一些基本的CSS包含在/apps/chat/css/default.css中。以下是聊天框的HTML结构，仅供参考：

<div id="chat">
	<div id="chat-box">
		<ul id="chat-list">
			<li class="chat-msg">
				<span class="chat-user">Johnny:</span>
				<span class="chat-text">Hello, world!</span>
			</li>
			<li class="chat-msg">
				<span class="chat-user">World:</span>
				<span class="chat-text">Hi Johnny!</span>
			</li>
		</ul>
	</div>

	<form id="chat-form" onsubmit="return chat.speak (this)">
		<input type="text" name="chat-input" id="chat-input" />
		<input type="submit" value="Send" id="chat-submit" />
	</form>
</div>

elefant / app-chat

维护者

详细信息

README

嵌入聊天框

样式化聊天框