jira7编辑区自定义快捷键

本文主要描述了jira7如何通过添加全局js引用,给文本编辑区自定义快捷键用以快速填充模板内容.

jira 3/4/5可参考官方api https://developer.atlassian.com/server/jira/platform/adding-javascript-to-all-pages-for-google-analytics/  (未做过实验)

第1步--备份web.xml文件

注意这一步比以下两部更重要, 当web.xml改错会导致jira无法启动让人欲哭无泪 , 小心驶得万行船, 万一出错, 还能还原.

第2步--修改web.xml文件

该文件位于"C:\Program Files\Atlassian\JIRA\atlassian-jira\WEB-INF\web.xml"

删除web.xml中的含有以下17个名称对应的servlet-mapping,

因为以下jsp文件中都包含了<%@ include file="/includes/decorators/aui-layout/head-resources.jsp" %>,

至于为何包含了head-resources.jsp要删除servlet-mapping目前完全意义不明,

如此操作来源于https://jira.atlassian.com/browse/JRASERVER-59587 jira的feedback, 另外该feedback还提及需要删除head-resources.jsp对应的servlet-mapping,但本人不删仍正常.

 /displayError.jsp:
/decorators/navigator.jsp:
/decorators/admin.jsp:
/decorators/general.jsp:
/decorators/popups.jsp:
/decorators/printable.jsp:
/decorators/onboarding.jsp:
/decorators/message.jsp:
/decorators/issueaction.jsp:
/decorators/general-head-pre.jsp:
/decorators/blank.jsp:
/decorators/error.jsp:
/decorators/userprofile.jsp:
/decorators/panel-admin.jsp:
/decorators/panel-general.jsp:
/decorators/content-panel-only.jsp:
/decorators/login.jsp:

上一步的具体意思为删除web.xml中的以下17个servlet-mapping,默认折叠请自行展开, 注意它们在web.xml并非都如下排在一起,需要您手动搜索后小心删之.

<servlet-mapping>
<servlet-name>jsp.displayError_jsp</servlet-name>
<url-pattern>/displayError.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.navigator_jsp</servlet-name>
<url-pattern>/decorators/navigator.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.admin_jsp</servlet-name>
<url-pattern>/decorators/admin.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.general_jsp</servlet-name>
<url-pattern>/decorators/general.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.popups_jsp</servlet-name>
<url-pattern>/decorators/popups.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.printable_jsp</servlet-name>
<url-pattern>/decorators/printable.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.onboarding_jsp</servlet-name>
<url-pattern>/decorators/onboarding.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.message_jsp</servlet-name>
<url-pattern>/decorators/message.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.issueaction_jsp</servlet-name>
<url-pattern>/decorators/issueaction.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.general_002dhead_002dpre_jsp</servlet-name>
<url-pattern>/decorators/general-head-pre.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.blank_jsp</servlet-name>
<url-pattern>/decorators/blank.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.error_jsp</servlet-name>
<url-pattern>/decorators/error.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.userprofile_jsp</servlet-name>
<url-pattern>/decorators/userprofile.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.panel_002dadmin_jsp</servlet-name>
<url-pattern>/decorators/panel-admin.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.panel_002dgeneral_jsp</servlet-name>
<url-pattern>/decorators/panel-general.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.content_002dpanel_002donly_jsp</servlet-name>
<url-pattern>/decorators/content-panel-only.jsp</url-pattern>
</servlet-mapping> <servlet-mapping>
<servlet-name>jsp.decorators.login_jsp</servlet-name>
<url-pattern>/decorators/login.jsp</url-pattern>
</servlet-mapping>

第3步--修改head-resources.jsp文件

该文件位于 "C:\Program Files\Atlassian\JIRA\atlassian-jira\includes\decorators\aui-layout\head-resources.jsp"

第3.1步--外网版 (如果公司全员都能连外网,建议用该版)

在head-resources.jsp文件末尾添加一行语句如下

<script type="text/javascript" src="https://gitee.com/KingBoBo/codes/wijfrq2utahc9k05o3nby72/raw?blob_name=jira-header-extension.js" charset="utf-8"></script>

其中https://gitee.com/KingBoBo/codes/wijfrq2utahc9k05o3nby72/raw?blob_name=jira-header-extension.js 这个地址指向的是互联网上的一个js文件,用于给全局的jira页面添加js效果.

jira-header-extension.js文件内容参考如下:

$(function(){
//jira7.2使用jquery-1.7.2.min.js,需要用live,这里用on效果无法完全发挥,jquery1.9之后用on比较稳妥
//http://blog.csdn.net/aya19880214/article/details/39998117
$("textarea").live("keydown",function(e) {
var ev = window.event || e;
var code = ev.keyCode || ev.which;
console.log("King "+code + " | "+ e.ctrlKey);
if(e.ctrlKey){
switch(code){
case 49://
alertHelp(this);//友情提示
preventDefaultEvent(ev);
break;
case 50://
createIssue(this);//创建问题
preventDefaultEvent(ev);
break;
case 51://
handleProblem(this);//处理问题
preventDefaultEvent(ev);
break;
case 52://
testAllGood(this);//测试完全通过
preventDefaultEvent(ev);
break;
case 53://
testPartGood(this);//测试部分通过
preventDefaultEvent(ev);
break;
case 54://
testAllBad(this);//测试全不通过
preventDefaultEvent(ev);
break;
case 55://
waitingForYou(this);//待定
preventDefaultEvent(ev);
break;
case 56://
waitingForYou(this);//待定
preventDefaultEvent(ev);
break;
case 57://
waitingForYou(this);//待定
preventDefaultEvent(ev);
break;
case 48://
waitingForYou(this);//待定
preventDefaultEvent(ev);
break;
default:
break;
}
} }); }) function wikiEditExistAndEmpty(wikiEdit){
var target = $(wikiEdit);
if(target.length != 0){
if(target.val().trim() == ""){
return true;
}else{
return false;
}
}else{
return false;
}
} function alertHelp(wikiEdit){//友情提示
alert("【友情提示】空文本才触发以下模板填充效果 \n ctrl+2 : 创建问题 \n ctrl+3 : 处理问题 \n ctrl+4 : 测试完全通过\n ctrl+5 : 测试部分通过\n ctrl+6 : 测试全不通过\n ");
} function createIssue(wikiEdit){//创建问题
if(wikiEditExistAndEmpty(wikiEdit)){
$(wikiEdit).val("登陆账号:\n"+
"机构:填写出单机构\n"+
"产品:涉及产品\n"+
"单号:例如:对车承保来说,写投保单号/保单号;没有单号的,写清楚车架号\n"+
"问题描述:\n"+
"重现步骤:\n"+
"实际结果:(可选)\n"+
"预期结果:\n"+
"SQL:");
}
} function handleProblem(wikiEdit){//处理问题
if(wikiEditExistAndEmpty(wikiEdit)){
$(wikiEdit).val("{panel:title=开发修改记录1| borderStyle=dashed| borderColor=#ccc| titleBGColor=#C0C0C0| bgColor=#87CEFA}\n"+
"- *问题描述*\n"+
"- *解决方法*\n"+
"- *提交内容* \n"+
"-- *数据脚本*\n"+
"-- *自测单号*\n"+
"{panel}");
}
} function testAllGood(wikiEdit){//测试完全通过
if(wikiEditExistAndEmpty(wikiEdit)){
$(wikiEdit).val("{panel:title=测试完全通过反馈 修改记录1| borderStyle=dashed| borderColor=#C0C0C0| titleBGColor=#C0C0C0| bgColor=#00FF7F}\n"+
"*测试通过* (/)\n"+
"*测试内容*: \n"+
"出单机构:浙江分公司\n"+
"工号:133501773\n"+
"单据号:2993301010220170000019\n"+
"*简单描述测试覆盖的场景*\n"+
"{panel}");
}
} function testPartGood(wikiEdit){//测试部分通过
if(wikiEditExistAndEmpty(wikiEdit)){
$(wikiEdit).val("{quote}\n"+
"{panel:title=测试部分通过反馈 修改记录1 |borderStyle=dashed| borderColor=#ccc| titleBGColor=#ccc| bgColor=#FFE4C4}\n"+
"- *测试内容* \n"+
"\n"+
"- *遗留问题列表* \n"+
"-# 问题1 \n"+
"-# 问题2 \n"+
"- *遗留问题BUG*\n"+
"-# JIRA号\n"+
"{panel}");
}
} function testAllBad(wikiEdit){//处理全不通过
if(wikiEditExistAndEmpty(wikiEdit)){
$(wikiEdit).val("{panel:title=测试全不通过反馈 修改记录-01| borderStyle=dashed| borderColor=#ccc| titleBGColor=#C0C0C0| bgColor=#FFC0CB}\n"+
"- *测试内容*\n"+
"\n"+
"- *问题列表* \n"+
"-# 反馈问题1\n"+
"-# 反馈问题2\n"+
"- *反馈问题BUG*\n"+
"新建JIRA号\n"+
"{panel}\n");
}
} function waitingForYou(wikiEdit){//waiting宝贵建议
if(wikiEditExistAndEmpty(wikiEdit)){
$(wikiEdit).val("ctrl+7/8/9/0 模板征集中,您有任何珍贵的建议,请联系【逸檀 or 英姿】.");
}
} function preventDefaultEvent(ev){//阻止浏览器默认事件
if (ev.preventDefault) {
ev.preventDefault();
ev.stopPropagation();
} else {
ev.keyCode = 0;
ev.returnValue = false;
}
}

之后如有新的页面需求,您可以引用一个新的js文件用以扩展或修改功能.

第3.2步--内网版 (如果公司有人不能连外网,建议用该版)

在head-resources.jsp文件末尾添加一行语句如下

<script type="text/javascript" src="<%=request.getContextPath()%>/static/king/js/jira-header-extension.js" charset="utf-8"></script>

把3.1外网版的jira-header-extension.js内容复制到C:/Program Files/Atlassian/JIRA/atlassian-jira/static/king/js/jira-header-extension.js ,  其中static文件夹后的/king/js/jira-header-extension.js需要自己建文件夹和文件. 然后使用文本编辑器另存为UTF-8版 , 最后在浏览器打开jira地址 http://localhost:8080/static/king/js/jira-header-extension.js ,只要能正常打开,且不乱码,那么基本上是成功了.

之后如有新的页面需求,您可以引用一个新的js文件用以扩展或修改功能.

经多次测试,在内网版的 head-resources.jsp文件中<script ....... charset="utf-8"></script> 的charset使用"utf-8"和charset="gb2312" 都可以,甚至可以不指定, 由此推测 jira项目的filter层可能默认对资源文件做了utf-8编码转换, 所以只要文件本身是utf-8格式的,那么charset 就不关心了.

此外内网版还存在一个"偶发性"问题

当修改jira-header-extension.js文件后, 如果在浏览器打开jira地址 http://localhost:8080/static/king/js/jira-header-extension.js 看到的还是未修改前的旧文件,那么我们需要做以下2步操作:

  1. 将head-resources.jsp文件末尾一行的src="...jira-header-extension.js"修改成src="...jira-header-extension-newName.js"
  2. C:/Program Files/Atlassian/JIRA/atlassian-jira/static/king/js/jira-header-extension.js 复制并命名成jira-header-extension-newName.js

然后刷新jira页,面即可看到加载了新的jira-header-extension2.js. 方法自创, 但原因不明, 猜测是jira可能只会加载一次static目录下的静态资源文件,就算重启有时候也还是旧的, 需要让head-resources.jsp引用一份新的js 或 直接访问 http://localhost:8080/static/king/js/jira-header-extension-newName.js 以加载新资源.

第3.3补充--内外网版优缺点分析

笔者更偏向于外网版.

外网版

  • 优点: 有新需求时,只要改动相关网站之前上传的js文件,而不需要再去找jira 服务器上C:/Program Files/Atlassian/JIRA/atlassian-jira/static/king/js/jira-header-extension.js 文件了, 相当于完全独立于jira
  • 缺点: 不能连外网时,会导致js无效,并且<script>加载该外网地址时较卡.

肉网版:

  • 优点: 稳定, 不担心网络问题
  • 缺点: 有新需求时,定位该文件稍微麻烦点,需要记住该路径, 文件改动后经常不生效,原因不明,不生效时需要引用新的js

第4步--重启jira

重启jira的只针对"第2步--修改web.xml文件" 之后才需要操作. 第3步的操作其实是不需要重启jira的.

效果演示

当指针焦点在编辑区时,按ctrl+1可以弹出【友情提示】效果,按ctrl+2/3/4/5/6/7/8/9/0时可以给非空状态的编辑区填充模板.

遇见问题

开发过程遇见以下问题,都可以先还原再重来.

  • web.xml配置错误导致jira无法启动
  • head-resources.jsp中引用的js语法严重错误的时候导致所有jira界面无法打开

改版后的文件

百度网盘: https://pan.baidu.com/s/1kVZRj6J

扩展

如果完全理解上文,现想要在编辑区添加自定义按钮(请自行思考,同理).

jira7通过全局js给编辑区自定义快捷键【原】的更多相关文章

  1. VS2017 无法修改代码编辑区的项背景颜色问题

    以前都是好好的,安装  ClaudiaIDE: https://github.com/buchizo/ClaudiaIDE 之后也没啥问题,用着用着代码编辑区自定义的颜色就没有了,好几台电脑都是这样, ...

  2. FCKeditor自定义编辑区CSS样式

    在网站后台使用FCKeditor编辑器的时候,见到的效果可能并不完全是”所见即所得”的,因为如果在FCKeditor编辑区中使用了前台样式表中的样式,在编辑区中并不能把这些样式显示出来.解决这个问题的 ...

  3. Joomla - 自定义(自定义模块、修改原有模块样式、添加全局JS)

    一.自定义模块 自定义模块 参考 Joomla - 模块系统(新建模块.模块类别.自定义模块)第三点 自定义模块部分 自定义模块布局 参考 Joomla - T3模板(非常好用的4屏响应式模板) 的第 ...

  4. ecshop后台模板设置中将非可编辑区改为可编辑区

    原代码 <file name="category.dwt"> <region name="左边区域"> <lib>cart& ...

  5. 网站全局js代码

    这几天开始看公司的一套系统,整理的网站全局js代码 /*文件名:base.js功能说明:全站通用的全局变量及公用方法创建日期:2010-09-26*///引入jquery库文件document.wri ...

  6. js获取编辑框游标的位置

    代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...

  7. Angular.js之服务与自定义服务学习笔记

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. IDE-IntelliJ IDEA 主题、字体、编辑区主题、文件编码修改、乱码问题

    主题修改 上图标注 1 所示为 IntelliJ IDEA 修改主题的地方,可以通过打开左上角的File -> Setting.在 Windows 系统上 IntelliJ IDEA 默认提供的 ...

  9. MFC:编辑区 Edit 的属性及使用

    Edit Control 编辑控件是 MFC 中使用较多的控件之一 1. Edit 的属性 Acccept Files -> True 控件接受拖放文件 Multiline -> True ...

随机推荐

  1. 基于DDDLite的权限管理OpenAuth.net 1.0版正式发布

    距离上一篇OpenAuth.net的文章已经有5个多月了,在这段时间里项目得到了很多朋友的认可,开源中国上面的Star数接近300,于是坚定了我做下去的信心.最近稍微清闲点,正式推出1.0版,并在阿里 ...

  2. Web jquery表格组件 JQGrid 的使用 - 8.Pager、新增数据、查询、刷新、查看数据

    系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件 ...

  3. Alpha版本十天冲刺——Day 3

    站立式会议 会议总结 队员 今天完成 遇到的问题 明天要做 感想 鲍亮 Android端登录验证接口 子线程无法返回从服务器获取的信息. 注册接口.忘记密码接口 开发经验不足,有一个问题不知道怎么解决 ...

  4. java 中文转换成Unicode编码和Unicode编码转换成中文

    转自:一叶飘舟 http://blog.csdn.net/jdsjlzx/article/details/ package lia.meetlucene; import java.io.IOExcep ...

  5. 主机OS重装的节点加回RAC集群步骤示例(11gR2 RAC)

    原文地址: https://blogs.oracle.com/Database4CN/entry/%E4%B8%BB%E6%9C%BAos%E9%87%8D%E8%A3%85%E7%9A%84%E8% ...

  6. Selenium - 实现网页元素拖拽

    Drag and Drop, 使用鼠标实现元素拖拽的操作貌似很复杂, 在Selenium中, 借助OpenQA.Selenium.Interactions.Actions类库中提供的方法, 实现起来还 ...

  7. udhcpc 参数使用说明

    当没有网络的时候,板子一直发送dhcp请求,导致程序不往下执行,解决的办法是把它切换到后台运行,可是如何切换到后台呢,有办法,它自带参数可以实现该功能.如下: udhcpc -b -i eth0 -p ...

  8. QListWidget方式显示缩略图

    最近在工作中经常遇到了一个问题就是把把文件夹中的图片全部以缩略图的形式显示出来,刚开始的时候一头雾水,不知道怎么办,经过在网上查资料,发现QListWidget控件可以实现图片的缩略图显示,但是不知道 ...

  9. 关于博客中引用多媒体出现的bug说明

    插件说明 Aplayer.Dplayer @DIYgod 大佬在gihub的开源项目,对此,表示非常之感谢!! Aplayer 支持放在页首 支持放在页尾 但是不支持直接放在文章中引用 解决方法: 1 ...

  10. Mac里安装配置Jdk

    #下载jdk7的mac版 #官网下载地址http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.h ...